Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Стили (CSS) » Фон только под видимой частью текста

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


     05.06.2014    CSS, фон, background, подзаголовки, H2, H3    Все вопросы » Стили (CSS)    1608

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

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

Ответил: D0Gmatist


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

6 комментариев

Iceman
Юзер

Iceman - 8 июня 2014 03:26 -

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


h2 {
float:left;
}

finik
Юзер

finik - 8 июня 2014 08:19 -

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

Iceman
Юзер

Iceman - 8 июня 2014 12:40 -

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

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

h2 {
float:left;
clear:both;
}

finik
Юзер

finik - 8 июня 2014 13:02 -

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


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


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

Iceman
Юзер

Iceman - 8 июня 2014 13:11 -

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

finik
Юзер

finik - 8 июня 2014 13:43 -

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

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

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

наверх