0

Дело в том, что я хочу провести линий под текстом с помощью after. content оставляю таким "", но так почему то он плохо отображает(не реагирует на отступы), но как добавляю символ в content сразу работает корректно. Как это может быть взаимосвязано? Есть ли какой-то "Пустой символ"?

3
  • Покажите пример, о чём речь
    – andreymal
    25 фев 2020 в 19:21
  • #zakzv{ color:#CD5C5C; } #zakzv::after{ content: ""; background-color:#CD5C5C; height: 1px; width: 90%; display: inline-block; }
    – Asen123
    25 фев 2020 в 19:25
  • И after никак не реагирует на отступы, но как добавляю content начинает хорошо работать
    – Asen123
    25 фев 2020 в 19:25

1 ответ 1

0

* {
  margin: 0;
  padding: 0;
}

html,
body {
  width: 100%;
  height: 100%;
  background: #272727;
  color: #fff;
}

div {
  position: relative;
  width: 100px;
  height: 100px;
  background: orange;
  text-align: center;
}

div.p:after {
  position: absolute;
  content: "";
  width: 100px;
  height: 2px;
  background: red;
  bottom: 5px;
  left: 0;
}
<div class="p">
  Это div
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.