Should ol ul be inside p or outside

Question

Which is standard compliant between these two    lt p gt Text text text          lt ol gt           lt li gt First element lt  li gt       lt  ol gt   lt  p gt   lt p gt      Other text text      lt  p gt    OR   lt p gt      Text text text      lt  p gt   lt ol gt       lt li gt First element lt  li gt   lt  ol gt   lt p gt      Other text text      lt  p gt

User · Accepted Answer

The short answer is that ol elements are not legally allowed inside p elements  To see why  let s go to the spec  If you can get comfortable with the HTML spec  it will answer many of your questions and curiosities  You want to know if an ol can live inside a p  So     4 5 1 The p element   Categories  Flow content  Palpable content  Content model  Phrasing content      4 5 5 The ol element   Categories  Flow content  Content model  Zero or more li and script-supporting elements    The first part says that p elements can only contain phrasing content  which are    inline    elements like span and strong   The second part says ols are flow content     block    elements like p and div   So they can t be used inside a p   ols and other flow content can be used in in some other elements like div   4 5 13 The div element   Categories  Flow content  Palpable content  Content model  Flow content

User · Answer

The second  The first is invalid    A paragraph cannot contain a list  A list cannot contain a paragraph unless that paragraph is contained entirely within a single list item    A browser will handle it like so    lt p gt tetxtextextete   lt  -- Start of paragraph -- gt   lt ol gt   lt  -- Start of ordered list  Paragraphs cannot contain lists  Insert  lt  p gt  -- gt   lt li gt first element lt  li gt  lt  ol gt   lt  -- A list item element  End of list -- gt   lt  p gt   lt  -- End of paragraph  but not inside paragraph  discard this tag to recover from the error -- gt   lt p gt other textetxet lt  p gt   lt  -- Another paragraph -- gt

User · Answer

GO here http   validator w3 org  upload your html file and it will tell you what is valid and what is not

User · Answer

lt p gt tetxetextex lt  p gt   lt ol gt  lt li gt first element lt  li gt  lt  ol gt   lt p gt other textetxeettx lt  p gt    Because both  lt p gt  and  lt ol gt  are element rendered as block

User · Answer

actually you should only put in-line elements inside the p  so in your case ol is better outside

[html] Should ol/ul be inside <p> or outside?

Examples related to html