Нужно добавить две черточки с обеих сторон теста [дубликат]CSS

Разбираемся в CSS
Ответить
Anonymous
 Нужно добавить две черточки с обеих сторон теста [дубликат]

Сообщение Anonymous »

Хотелось бы добавить однострочное тире с обеих сторон текста, выровняв его по центру.
Например: -----текст------

.strikes-on-both-ends {
position: relative;
display: inline-block;
padding: 0 10px; /* Adjust padding as needed */
}

.strikes-on-both-ends::before,
.strikes-on-both-ends::after {
content: "";
position: absolute;
top: 50%;
width: 10px; /* Adjust width as needed */
height: 2px; /* Adjust height as needed */
background-color: black; /* Adjust color as needed */
}

.strikes-on-both-ends::before {
left: 0;
transform: translateX(-100%);
}

.strikes-on-both-ends::after {
right: 0;
transform: translateX(100%);
}



Подробнее здесь: https://stackoverflow.com/questions/787 ... f-the-test
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»