Как сделать тег <p> не на всю ширину страницы

[Bulat Ibrahim]

Здравствуйте. С HTML знаком и работаю давно, и как-то меня смутила такая возникшая проблема:
Не могу ширину тега <p> изменить. Ведь <p>, <a>, <h1-6> и т.п. по умолчанию занимают всю доступную ширину. А нужно бы, чтобы занимали только столько, сколько места занимает их содержимое.
Почему-то свойство "display: block;" не решает эту проблему.
Конкретную ширину задать не могу - длина у них может быть разная.

[Вадим Мошев]

Сообщение от Bulat Ibrahim

А нужно бы, чтобы занимали только столько, сколько места занимает их содержимое.

попробуйте

display: inline-block;

Сообщение от Bulat Ibrahim

Ведь <p>, <a>, <h1-6> и т.п. по умолчанию занимают всю доступную ширину

с <a> вы ошиблись

[Bulat Ibrahim]

Вадим Мошев, да, с <a> я переборщил.
Но всё же - если поставить <a>, или задать свойство "display: inline-block", то все теги этого типа встанут в одну строчку, а так мне нельзя.

Я делаю раскрывающееся меню. Идёт параграф (или ссылка - не важно), после него блок <div>, который скриптами раскрывается и закрывается, при щелчке на вышестоящий параграф. Далее ещё параграф/блок, и ещё.
Так вот, если поставить теги <p> и ему подобные, то клики на эти параграфы принимаются по всей ширине сайта, если даже они состоят из 1-2 слова. Если поставить свойство "display: inline-block" или поставить теги типа <a>, то все эти кликабельные тексты встанут в ряд, так как блоки <div>, которые следуют после них, изначально имеют свойство "display: none". А если поставить после этих тегов перенос строки <br>, то скрипт по ним почему-то перестаёт выполняться вообще.
Вот и не знаю, как быть...

[Вадим Мошев]

Сообщение от Bulat Ibrahim

А если поставить после этих тегов перенос строки <br>, то скрипт по ним почему-то перестаёт выполняться вообще.

Скорей всего, оттого, что у вас в скрипте есть ссылка на следующий элемент (nextSibling или что-то в этом роде). Когда вы ставите br, у вас команду раскрытия принимает он, а не то, что вы ожидаете. В любом случае, br здесь вам не поможет. Это тег крайне глупо использовать для целей, отличных от переноса текста.

Сообщение от Bulat Ibrahim

Так вот, если поставить теги <p> и ему подобные, то клики на эти параграфы принимаются по всей ширине сайта, если даже они состоят из 1-2 слова.

Тогда решение такое.
Вы параграфы оставьте inline-block, но оберните их в div'ы. Но в этом случае вам надо будет переписать свой скрипт, наверное - старый вариант уже работать не будет.

[Bulat Ibrahim]

Вадим Мошев, похоже, придётся так и сделать. Спасибо!