Псевдоэлементы

[AHristich]

Вот "докатился" до того что не могу вспомнить... Был у меня готовый css-код для такого вывода

и вот потерял,а как его делал когда-то ,хз скока лет назад ,уже и не помню. Может кто подскажет как сделать подобное?

[aLEX49566]

Вывести в две строки с нижним подчеркиванием и кнасным? 😆

[SlawkA]

AHristich может ту чего найдешь?

itchief.ru/html-and-css/pseudo-elements

Изменено 29 августа, 2022 пользователем SlawkA

[AHristich]

1 минуту назад, aLEX49566 сказал:

Вывести в две строки с нижним подчеркиванием и кнасным? 😆

Типа сумничали? Это одна строка ,в которой  применнены псевдоэлементы ::before и ::after.

Только что, SlawkA сказал:

AHristich может ту чего найдешь?

CSS before, after и другие псевдоэлементы

Да я уже все что помнил и знал перепробывал,а  в сети все не то что надо.

[aLEX49566]

8 минут назад, AHristich сказал:

Типа сумничали

Ну тогда сам *бись

[AHristich]

5 минут назад, aLEX49566 сказал:

Ну тогда сам *бись

Прикольно вы себя ведете в общении. Сами под...бнули и сами же абиженку из себя строите...

[aLEX49566]

AHristich если с юмором проблемы, то читай анекдоты 

[Exception]

<h3 class="titleBeforeAfter">TITLE</h3>

 

.titleBeforeAfter {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
}
.titleBeforeAfter:before, .titleBeforeAfter:after {
    content: '';
    position: relative;
    width: 50%;
    height: 2px;
    display: inline-block;
    bottom: -2px;
    background: #000;
}
.titleBeforeAfter:before {
    left: -10px;
    margin-left: -50%;
}
.titleBeforeAfter:after {
    right: -10px;
    margin-right: -50%;
}

 

[AHristich]

aLEX49566 Вот ZIKURIK решил помочь и помог,без всякой воды-лабуды-шелухи,за что ему огромное человеческое спасибо.А вы читайте анекдоты...