Добавить текст к тегу H1, который обернут в 2 строки - PullRequest
1 голос
/ 30 августа 2011

У меня есть тег H1 и в той же строке, сразу после тега H1 У меня есть ссылка (внутри SPAN). У меня есть тег H1 и тег SPAN, установленный на float:left, и они отображаются в одной строке, как и я.

Однако в случайном сценарии, когда тег H1 имеет столько текста, что он помещается во 2-ю строку, следующий тег SPAN (со ссылкой внутри) больше не находится аккуратно позади последней части H1 тег, но вместо этого появляется на следующей строке вниз.

<h1 style="float:left;">some really long text here ... blah</h1><span style="float:left;"><a href="">my link</a></span>

В настоящее время это выглядит так ...

здесь очень длинный текст ...
ли
моя ссылка

.. но мне бы очень хотелось, чтобы это выглядело так ...

здесь действительно длинный текст ...
бла моя ссылка

Как я могу заставить его всегда держать SPAN (содержащий мою ссылку) непосредственно за последним словом тега H1, БЕЗ прибегая к размещению моей ссылки / span внутри блока тега H1?

Ответы [ 4 ]

8 голосов
/ 30 августа 2011

Измените h1 на display:inline, нет необходимости в float:left, тогда либо в

1 голос
/ 30 августа 2011

Вы можете установить свой H1 на { display:inline; } и удалить оба поплавка.

0 голосов
/ 30 августа 2011

вы можете определить ширину h1 и span, она должна работать.

0 голосов
/ 30 августа 2011

с шириной для h1 или позицией: абсолютная для диапазона. но для этого вам нужно поместить h1 и span в контейнер div

...