I am using dl
, dt
and dd
tags in one of my projects. I want to show a bullet before dd
. How can I make my dd
s into a bullet list using CSS?
This can be accomplished by adding a DIV element with the CSS overflow: hidden; around the content of the DD tag. You can omit this extra DIV , but the content of the DD tag will wrap under the floated DT .
To set the type of bullets, use the STYLE attribute. Then set its value as “list-style-type:format” where format is the word circle, square or disc. You add the STYLE attribute within the <ul> start tag.
You can use . parentOfUl{ text-align:center;} and then ul{ display:inline-block; }, and at last li{ text-align:center; }.
Easiest way is to change the properties on your <dd>
dd {
display: list-item;
list-style-type: disc;
}
Works in every browser.
See this article: http://www.quirksmode.org/css/display.html
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With