<h1>, <h2>, теги <h3> …, встраивают в рамках абзацев (<p>)
Я пытаюсь иметь <hx> теги в абзацах, как:
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pulvinar tincidunt neque, at blandit leo mattis vitae. Cras <h2>placerat</h2> justo vel risus porta cursus. Nullam eget sem nibh. Sed <h3>mattis</h3> facilisis rhoncus. Morbi sit amet nisl lectus.</p>
Но я всегда получаю разрыв строки перед каждым из них, даже применяя все они и комбинации следующих объявлений:
h1, h2, h3, h4, h5, h6 {
display:inline !important;
text-transform:none;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
clear:none;
color:inherit;
margin:0;
padding:0;
}
Таким образом, что я могу сделать так, чтобы теги остались незамеченными встроенные с текстом? Прямо сейчас я получаю что-то как
Печаль Lorem ipsum находится сережка, consectetur adipiscing элита. Aliquam pulvinar tincidunt neque, в blandit leo mattis краткие биографии. Cras
placerat justo vel risus porta cursus. Nullam eget sem nibh. Sed
mattis facilisis rhoncus. Morbi располагаются сережка nisl lectus.
Спасибо
PS: btw я использую тему платформы проекта для drupal.
3 ответа
Тег может содержать только встроенные элементы. Теги заголовка являются элементами уровня блока и не могут находиться внутри тегов , даже если вы стилизуете их так, чтобы они отображались встроенными.
В любом случае они семантически неверны при таком использовании - абзацы не должны иметь заголовки, случайно перемещающиеся внутри них. Подумайте о правильном использовании тегов и , или, если они действительно не то, что вы пытаетесь описать, используйте теги с определенными классами.
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam
pulvinartincidunt neque, at blandit leo mattis vitae.
Cras <em>placerat</em> justo vel risus porta cursus. Nullam eget
sem nibh. Sed <strong>mattis</strong> facilisis rhoncus. Morbi sit
amet nisl lectus.</p>
Вы неправильно используете теги заголовка .
Вы должны использовать теги с классами CSS.
Я попробовал , и что происходит, когда Firefox видит недопустимый тег внутри
, он автоматически закрывает тег. Вы можете ясно увидеть это в Firebug.
SLaks прав. Вы не должны использовать заголовок в абзаце. Однако, если он вам действительно нужен (если он написан кем-то другим). Вы можете решить проблему, установив p тоже должен быть встроенным. Это будет работать.