как дать разрыв строки якорю без использования ‹br /› или display:block

Я использую wordpress для создания сайта. Я хочу, чтобы кнопка «Подробнее» была во второй строке без использования br или "display:block".


wordpress css line-breaks
person hussain nayani    schedule 09.10.2014    source источник
comment
css-tricks.com/snippets/html/button-with-line -разрывы   -  person Morpheus    schedule 09.10.2014

Ответы (2)


arrow_upward
1
arrow_downward

Вы можете добавить псевдоэлемент before со свойством white-space: pre. Это сработало бы.

a:before {
    content: '\A';
    white-space: pre;
}
teste <a href="#">anchor</a>

person LcSalazar    schedule 09.10.2014

arrow_upward
1
arrow_downward

Одним из вариантов может быть создание псевдоэлемента блочного уровня перед содержимым элемента <a>.

Пример здесь

a.readmore:before {
  content: "";
  display: block;
}

Другим вариантом может быть добавление разрыва строки перед содержание следующим образом:

Обновленный пример

a.readmore:before {
  content: "\A";
  white-space: pre-wrap; /* or pre */
}
person Hashem Qolami    schedule 09.10.2014