Issue on Removing The Margin between li Items

Asked Sep 13 '14 at 00:40

Active Sep 13 '14 at 00:40

Viewed 19 times

I am trying to remove all margin between <li> list in this demo but for what ever reason there is still empty space at the right side of the list

ul, li{margin :0px !important; padding :0px !important;}
.list-inline{    margin :0px !important; padding :0px !important;}
.thumbnail{margin :0px !important; padding :0px !important;}
.well {  padding: 0px !important;}

I even used the !important to force new rules but even with *{margin :0px !important; padding :0px !important;} those space are there! Can you please let me know how to fix this? and remove all free space between <li>s

asked Sep 13 '14 at 00:40

Suffii

5,694
15
55
92

1

Here's what you want: http://jsfiddle.net/ud46dLoq/ – Josh Crozier Sep 13 '14 at 00:45
Thanks Josh but how did you do that? was it really white space issue? – Suffii Sep 13 '14 at 00:46
Yep. That's all it was. See the linked answer. – Josh Crozier Sep 13 '14 at 00:47
just a quick question? – Suffii Sep 13 '14 at 00:48
Did you use any specific site for HTML beautifying? I mean removing the white space? – Suffii Sep 13 '14 at 00:49
In this case, I did it manually. Normally, I would usually just omit it on the server-side. You could use an HTML minifier, though. – Josh Crozier Sep 13 '14 at 00:52

Issue on Removing The Margin between li Items

0 Answers0