Unordered List Formatting Issue

[skyblue +]

Hi,

When creating a new page in the Page Editor I’m having trouble getting unordered lists to show indented bullets. Ordered lists display properly however unordered lists do not. I have created a sample page using the following code and attached a Gif showing the outcome.

<h3>A.  An Unordered List:</h3>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
</br></br>
<h3>B.  An Unordered List without "ul" tags:</h3>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
<h3>C.  An Ordered List:</h3>
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
<br>

Can anyone suggest what needs to be done to fix this?

Thanks,

[Eric Barnes +]

Try to add this your css file:

#content ul {
list-style-type:disc;
padding:0 0 0 10px;
}

[skyblue +]

Thanks Eric, that did the trick.

Just an FYI...

I had to increase the pixel size to align with the ordered list (minor tweak)

and

The result displays properly on the site however it still does not in the preview section of the Page Editor. (again, minor)

Thanks again.