@vasIvas

Как сделать такой (внутри) перенос строк?

Есть следующая структура -
div.container>span.first-title{TEXT}+span.second-title{TEXT}

Нужно сделать так, чтобы текст из первого span и второго был на одной строке, но при этом второй прижат к правому краю. Если текст из первого span превышает по своей ширине ширину .container, то строка должна быть перенесена, а текст из второго span тоже должен быть перенесен и так же быть прижат к правой стороне. Если текст из первого span своей шириной накладывается на отступ (padding) второго span, то текст должен быть перенесен вместе с текстом из второго span, как во втором пункте.

2a4708e779014137ab931899472fdc47.gifbdee8f9894024ab1bbe772795f37051b.gif

Возможно такое сделать на css? И если возможно, то как. У меня вообще в голове нет мыслей, кроме как js.
  • Вопрос задан
  • 143 просмотра
Пригласить эксперта
Ответы на вопрос 2
yar-ikarus
@yar-ikarus
Аномалия
Сделать second-title вложенным в first-title, к first-title применить position: relative, к second-title position: absolute и right: 0.
Ответ написан
Комментировать
junk1114
@junk1114
Web-программист
float:left для span.second-title?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы