Не нравятся результаты поиска? Попробуйте другой поиск!

Фон только под видимой частью текста


     05.06.2014    Стили (CSS)    1314

вопрос
Приветствую.
У подзаголовков в тексте присвоил тегам H2, H3 цвет фона background, но он не по размеру/ширине текста подзаголовка, а на всю ширину области контанта.

Есть возможность при помощи CSS ограничить фон только под текстовой составляющей? (так как это делается на сайте с большим количеством материала, варианты с дополнительным прописыванием спан и прочего не подойдут, нужно именно через CSS)

Ответил: D0Gmatist


Научитесь читать спецификацию по css
http://jsfiddle.net/D0Gmatist/NHu6n/1/

Комментарии пользователей (6)

Iceman
3

69 | 6

Iceman - 8 июня 2014 03:26 - Юзер

Если правильно понял то просто делаете


h2 {
float:left;
}

finik
54 | 5

finik - 8 июня 2014 08:19 - Юзер

Фон стал теперь по размеру текста в подзаголовке, но тут же появилась другая проблема - текст ранее идущий ниже, пристроился вслед за подзаголовком в той же строке, то есть стал продолжением.

Iceman
3

69 | 6

Iceman - 8 июня 2014 12:40 - Юзер

finik,можно скрин этой области.
И есть ли возможность обвернуть тег h2 в
<div class="bla">
<h2>ваш текст</h2>
</div>
примерно так.

Или еще попробовать

h2 {
float:left;
clear:both;
}

finik
54 | 5

finik - 8 июня 2014 13:02 - Юзер

подзаголовки без дополнительного внешнего дива, чистый H2
<h2>ваш текст</h2>


это не помогло
clear:both;


все больше задумываюсь о внесении дивов вокруг H тегов и дальнейшего перестроения новостей.

Iceman
3

69 | 6

Iceman - 8 июня 2014 13:11 - Юзер

finik, у вас локально или есть сайт где можно увидеть и посоветовать лучше способ.

finik
54 | 5

finik - 8 июня 2014 13:43 - Юзер

Всем спасибо, вопрос решен.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы