CODEWITHSUNDEEP
htmltagslayerhtml-lists
Mubeen
Mubeen

Reputation: 2492

can we give <div> within <li>

can we give div tag within un order list tag.............. it will be in this format

<li><div>blablabla</div></li>

Is it Possible

Upvotes: 9

Views: 23815

Answers (4)

Babiker
Babiker

Reputation: 18798

I assume you're making a horizontal nav bar. If my assumption is correct, you don't need a <div> inside <li>. You can use display:inline; to get <li> to behave some what like <div>.

Upvotes: 1

Lauri Lehtinen
Lauri Lehtinen

Reputation: 10857

Syntactically, if you are unsure about the nesting of elements, there are free tools that will tell you what, if anything, is wrong. For example:

http://validator.w3.org/

Whether or not it is semantically correct is another story. You might be suffering of divitis.

Upvotes: 5

animuson
animuson

Reputation: 54729

There are a lot of people that say a division inside a list item is incorrect, but according to the W3C validator it is perfectly fine. You'll never catch me putting divisions inside a list item though. Lists are too malformed to be putting additional block-level elements inside them.

Upvotes: 18

TheBrain
TheBrain

Reputation: 5608

yes, but you need the < ol > tag also wrapping all the < li > tags that can have whatever you want inside them

Upvotes: 1

Related Questions