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 Quote 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? Quote 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; Quote 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. Quote 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! Quote 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
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.