LemonInflux Posted March 21, 2008 Share Posted March 21, 2008 ul#sidePanelLinks { list-style:none; display:block; padding:0px; margin:0px; width:98%; margin-left:1%; margin-right:1%; } ul#sidePanelLinks li { border:1px solid #CCCCCC; padding-top:2px; padding-bottom:2px; } <div id="sidePanelContent"> <ul id="sidePanelLinks"> <li><a href="#">BOB</a></li> <li><a href="#">DAVE</a></li> </ul> </div> That's my code. CSS first, HTML second. My question is, how do I add space between the blocks? I want about 5px between each one. How is this done? Thanks in advance, Tom Link to comment https://forums.phpfreaks.com/topic/97211-spacing-block-elements-in-list/ Share on other sites More sharing options...
haku Posted March 21, 2008 Share Posted March 21, 2008 Blocks? Link to comment https://forums.phpfreaks.com/topic/97211-spacing-block-elements-in-list/#findComment-497405 Share on other sites More sharing options...
LemonInflux Posted March 21, 2008 Author Share Posted March 21, 2008 display:block; Link to comment https://forums.phpfreaks.com/topic/97211-spacing-block-elements-in-list/#findComment-497418 Share on other sites More sharing options...
bronzemonkey Posted March 21, 2008 Share Posted March 21, 2008 You haven't even set the list items to display as block elements. Set them as block elements and then use 5px of margin. Link to comment https://forums.phpfreaks.com/topic/97211-spacing-block-elements-in-list/#findComment-497513 Share on other sites More sharing options...
LemonInflux Posted March 21, 2008 Author Share Posted March 21, 2008 solved! Thanks! Link to comment https://forums.phpfreaks.com/topic/97211-spacing-block-elements-in-list/#findComment-497514 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.