Go Back to Dynamic Site Solutions :: CSS

Putting a List in a Paragraph

As you may know, paragraphs, <p>, may not contain block level elements like unordered lists, <ul>; ordered lists, <ol>; and other paragraphs. So if someone wants to markup a list in a paragraph as a list, that someone would need to do something like what this page demonstrates. This works in Firefox, Netscape 6+, Opera 6+, Konqueror 3, and Safari. Look at the source to see the huge difference in the HTML and CSS.

Yesterday, I went to the store and bought a loaf of bread, a gallon of milk, a package of bologna, a head of lettuce, and some apples. When I got home, I ate a banana while making myself a bologna and cheddar sandwich.

Yesterday, I went to the store and bought

When I got home, I ate a banana while making myself a bologna and cheddar sandwich.