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

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

вопрос

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

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

Ответил: D0Gmatist

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

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

Юзер

Iceman - 2013-10-148 июня 2014 03:26 - #29807

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

h2 {
float:left;
}

Юзер

finik - 2013-10-148 июня 2014 08:19 - #29810

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

Юзер

Iceman - 2013-10-148 июня 2014 12:40 - #29818

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

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

h2 {
float:left;
clear:both;
}

Юзер

finik - 2013-10-148 июня 2014 13:02 - #29819

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

<h2>ваш текст</h2>

это не помогло

clear:both;

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

Юзер

Iceman - 2013-10-148 июня 2014 13:11 - #29820

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

Юзер

finik - 2013-10-148 июня 2014 13:43 - #29822

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

lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
Вчера, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***
web102 | Почему не отображается картинка в галере ... ³

web102
Почему не отображается картинка в галерее?
4-12-2024, 11:49

дайте адрес сайта. можно в личку
Shandi | Почему не отображается картинка в галере ... ³

Shandi
Почему не отображается картинка в галерее?
3-12-2024, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?
TeraMoune | Как сделать водяной знак с заменой? ¹

TeraMoune
Как сделать водяной знак с заменой?
2-12-2024, 23:29

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