Can I use list-style-type to div tag?

Question

I have been studying CSS. I know that we can use list-style-type attribute to set list marker. Can we apply that attribute to a div tag?

Answer 1

Yes you can. The following causes a div tag to resemble itself like a list item:

div {display:list-item;} 

Answer 2

You can set any CSS property on any HTML element. In fact, an element always has all the CSS properties (with the defined initial value as the value, if not set). Not all properties have an effect on all elements in all circumstances, though.

In particular, the definition of the list-style-type property says: “Applies to: elements with 'display: list-item'”. Here “applies to” means “has an effect on rendering of”.

Moreover, even if you set display: list-item on a div, there will be no list marker (like a bullet or a number) to be seen, unless there is space on the left of the element content to accommodate it. You can arrange space using margin properties. Example:

div {   display: list-item;   margin-left: 1.3em;   list-style-type: circle;    }