Multiple Paragraphs in an HTML List Item

Q

Can Multiple Paragraphs Be Included in a List Item?

✍: FYIcenter.com

A

Yes. You can include multiple paragraphs in a single list item, because "li" is a flow type element, which can have block elements and inline elements. The tutorial example below shows you how a list item can have two paragraphs:

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
 <head>
  <title>Lists with Block Items</title>
 </head>
 <body>
  <h3>Tutorial Tips by FYIcenter.com:</h3>
  <ol>
  <li><p><strong>XHTML Tutorials/FAQs</strong>
   - 116 Entries</p>
  <p>Topics includes: Introduction To XHTML 1.0, 
Introduction To Tag and Attribute Syntax,
Introduction To Element Content Syntax, 
Document Structure and Head Level Tags, 
Body Tag and Block Level Tags,
Understanding In-line Elements and Tags, etc.</p>
  </li>
  <li><p><strong>PHP Tutorials/FAQs</strong>
   - 204 Entries</p>
  <p>Downloading and Installing PHP,
Understanding and Managing Cookies,
Understanding and Using Sessions,
Processing Web Forms, 
Working with MySQL Database, 
Uploading Files to Web Servers, etc.</p>
  </li>
  </ol>
 </body>
</html>

If you save the above document as block_list_item.html, and view it with Internet Explorer, you will see a list of items with multiple paragraphs as shown below:

⇒ HTML Un-ordered List 'ul' Tag/Element

⇐ HTML List Item 'li' Tag/Element

⇑ HTML Lists and List Items

⇑⇑ HTML Tutorials

2017-05-29, 5645👍, 0💬

HTML Definition List 'dl' Tag/Element
What Is a "dl" Tag/Element? A "dl" element is block level element that can be used to define a definition list, where items are displayed with leading terms. Here are basic rules about "dl" elements: "dl" elements are block level elements. "dl" elements can not have text contents. An "dl" element mu... 2017-05-29, 1780👍, 0💬

HTML Ordered List Item Markers
How To Use Different Markers on Ordered List Items? By default, browsers will use decimal numbers as the item markers for ordered lists. If you want to change them to something else, like alphabetical letters, you need to use CSS properties. Here is a tutorial sample showing you how to set item mark... 2017-05-29, 1446👍, 0💬

HTML Nested List Elements
Can List Elements Be Nested? Yes. You can nest list element within each other because: List items can have block elements as contents. List elements are block elements. List items can have list elements as contents resulting nested list elements. Below is a good tutorial example of using nested list... 2017-05-29, 1347👍, 0💬

HTML Un-ordered List Item Markers
How To Use Different Markers on Unordered List Items? By default, browsers will use solid dots as the item markers for unordered lists. If you want to change them to something else, like tiny squares, you need to use CSS properties. Here is a tutorial example showing you how to set item markers to b... 2017-05-20, 1304👍, 0💬

HTML Ordered List 'ol' Tag/Element
What Is an "ol" Tag/Element? An "ol" element is block level element that can be used to define an ordered list, where items are displayed with leading sequential numbers. Here are basic rules about "ol" elements: "ol" elements are block level elements. "ol" elements can not have text contents. An "o... 2017-06-16, 1281👍, 0💬

HTML Un-ordered List 'ul' Tag/Element
What Is a "ul" Tag/Element? A "ul" element is block level element that can be used to define an un-ordered list, where items are displayed with leading bullets. Here are basic rules about "ul" elements: "ul" elements are block level elements. "ul" elements can not have text contents. An "ul" element... 2017-05-29, 1271👍, 0💬

HTML Lists and List Items
Where to find tutorials of introduction to HTML Lists and List Items? Here is a list of tutorials to answer many frequently asked questions compiled by FYIcenter.com team in introduction to HTML Lists and List Items. Clear answers are provided with tutorial examples on list elements for ordered list... 2017-06-16, 1267👍, 0💬

What Are HTML List Elements
What Are HTML List Elements? HTML offers 3 list elements: "ol" - Ordered List: A list of items with leading sequential numbers. "ul" - Unordered List: A list of items with leading bullets. "dl" - Definition List: A list of items with leading terms. Here are some generic rules about list elements: Li... 2017-06-16, 1235👍, 0💬

HTML List Item 'li' Tag/Element
What Is a "li" Tag/Element? An "li" element is flow type element, which can be used only as a child element of "ol" and "ul" elements. An "li" element can be used to define a list item. Here are basic rules about "li" elements: "li" elements can only be used as sub-elements of "ol" and "ul" elements... 2017-06-16, 1229👍, 0💬

All rights in the contents of this web site are reserved by the individual author. fyicenter.com does not guarantee the truthfulness, accuracy, or reliability of any contents.