Текст CSS всегда в одной строке

Question

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

Проблема заключается в том, что иногда, если фраза длинная, текст переносится наследующая строка.Когда это происходит, изображение отображается над текстом в предыдущей строке и выглядит неправильно.Из-за этого я хочу убедиться, что если текст будет перенесен, он вместо этого переместится на новую строку.

Я доволен любыми решениями только для CSS3.

Спасибо

Answer 1

дайте a css display: inline-block.Встроенный блок не допускает разбиение внутри блока и поэтому перемещается на следующую строку.

a {
 display: inline-block;
}