Почему мой текст в теге абзаца html выходит за пределы , когда в браузере

См. Html ниже. Последние два предложения выходят за пределы тега абзаца при просмотре в браузере и, следовательно, теряют свойства этого абзаца. Если вы посмотрите на html в текстовом редакторе, вы увидите, что все формулировки находятся в теге абзаца, но не при просмотре в браузере, таком как Firefox и IE. Просмотрите источник в консоли «Просмотр источника» или «Отладка».Почему мой текст в теге абзаца html выходит за пределы , когда в браузере

<html> 
    <head> 
    <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <title>TEST</title> 
    <meta content="width=device-width" name="viewport"> 
    <meta charset="ISO-8859-1"> 
    <meta content="IE=edge" http-equiv="X-UA-Compatible"> 
    </head> 
    <body> 
    <div id="page_body"> 
    <div id="my-content"> 
     <div id="mymsg" class="mymsgcount"> 
     <div class="my-menus"> 
     <div class="my-menutext my-menutext1"> 
       <h1>This is a test.</h1> 
       <p> 
        <content>Determine why the last two sentences in this section falls out of paragraph tag in browswer:<br> 
         <ul> 
          <li>first list item</li> 
          <li>second list item</li> 
          <li>third list item</li> 
         </ul> 
         <br>This is the second last sentence which for some reason falls outside of the paragraph tag when viewed in browser.<br> 
         <strong>Last sentence to fall out of paragraph tag.</strong> 
        </content> 
       </p> 
     </div> 
     </div> 
     </div> 
    </div> 
    </div> 
    </body> 
    </html>

источник

2015-06-04 MaxAx

Спасибо всем за быструю обратную связь. – MaxAx

Ваш HTML структура нарушается. В частности, элемент  автоматически завершается, если встречаются некоторые другие элементы, который включает в себя <ul>. Это означает, что неупорядоченный список и все, что находится за его пределами, не являются частью исходного абзаца.

спецификации W3C говорит:

конец тега элемента р может быть опущено, если р элемент немедленно следует адрес статьи, в сторону, BLOCKQUOTE, отд, дл, FIELDSET, сноска, формы, h1, h2, h3, h4, h5, h6, заголовок, hgroup, hr, main, nav, ol, p, pre, section, table или ul, element, или если нет содержимого в родительский элемент, а родительский элемент не является элементом .

Вы можете сгруппировать эти предметы вместе с <div>.

Вы можете найти конкретную ссылку на это на сайте W3C here

источник

2015-06-04 22:14:08

Дайте этому попытку ...

<html> 
<head> 
<META http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>TEST</title> 
<meta content="width=device-width" name="viewport"> 
<meta charset="ISO-8859-1"> 
<meta content="IE=edge" http-equiv="X-UA-Compatible"> 
<style> 
p {color:red} 
</style> 
</head> 
<body> 
<div id="page_body"> 
<div id="my-content"> 
    <div id="mymsg" class="mymsgcount"> 
    <div class="my-menus"> 
    <div class="my-menutext my-menutext1"> 
      <h1>This is a test.</h1> 
      <content> 
       <p>Determine why the last two sentences in this section falls out of paragraph tag in browswer:</p><br> 
        <ul> 
         <li>first list item</li> 
         <li>second list item</li> 
         <li>third list item</li> 
        </ul> 
        <p><br>This is the second last sentence which for some reason falls outside of the paragraph tag when viewed in browser.<br> 
        <strong>Last sentence to fall out of paragraph tag.</strong></p> 
      </content> 
    </div> 
    </div> 
    </div> 
</div> 
</div> 
</body> 
</html>

источник

2015-06-04 22:14:00 Mazen

Probalby, потому что только phrasing content допускается в p-tag, и это то, как браузеры пытаются исправить это. Это может быть также из-за <content> -элемента, который не является частью стандарта HTML.

источник

2015-06-04 22:16:17

Почему мой текст в теге абзаца html выходит за пределы <p></p>, когда в браузере

ответ

Почему мой текст в теге абзаца html выходит за пределы <p></p>, когда в браузере

ответ

Смежные вопросы