CODEWITHSUNDEEP
htmlcss
Omer
Omer

Reputation: 317

Displaying a list like a list

I Have a List which isn't diplaying like a list, I want every <li> to be under the other, just like a standard list.

Here is an example fiddle:

http://jsfiddle.net/w5tZ3/

Upvotes: 0

Views: 62

Answers (5)

Ayhan Dorman
Ayhan Dorman

Reputation: 102

I added the following patch to your CSS.

#settingNev ul {
    display:table !important;    
}

#settingNev ul li {
    display:table-row !important;
}

Here is the entire code mate:

http://jsfiddle.net/w5tZ3/9/

Upvotes: 0

aalku
aalku

Reputation: 2878

Remove float: left; from a and span styles

Upvotes: 0

GajendraSinghParihar
GajendraSinghParihar

Reputation: 9131

Clearing floats is your Answer Use clear:both; Or overflow:hidden

#settingNev li {
  overflow:hidden       /*Add this to the make li in flow*/ 
  display: block;
  margin: 0;
  padding: 0;

}

For more Detail Refer This

Upvotes: 0

Kheema Pandey
Kheema Pandey

Reputation: 10265

If you don't want the list in horizontal way, please don't use float:left;

Upvotes: 0

Bala
Bala

Reputation: 510

#settingNev li {
  display: block;
  margin: 0;
  padding: 0;
    clear:both;
}

add clear both to show as list

Upvotes: 6

Related Questions