Status: Solved
Priority: Medium
Security: Public
Views: 383
Last Modified: 2012-05-11

list heading too much space

I have a little list and would like it to go right under the heading but there seems to be extra space. How should I code this so right after the title there is only a sinigle line break and the list begins?

<p>title</p>
<ul>
<li>item 1</li>
<li>item 1</li>
</ul>

Shawn

Asked: 2011-03-07

Advertise Here

HTML
CSS

1 Solution

LVL 16

SSupremeCommented: 2011-03-07

Add this to your markup:
<style type="text/css">
* { margin: 0px; padding: 0px;}
</style>
Also add <br /> where you what a break line.

LVL 1

ShawnAuthor Commented: 2011-03-07

sorry but that kinda ruins the whole page. In need something to get the title closer to the list.

LVL 84

Dave BaldwinFixer of ProblemsCommented: 2011-03-07

This is the only way I could get them to squeeze up.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Untitled</title>
</head>
<body>
<p>title</p>
<ul>  
   <li>item 1</li>
   <li>item 1</li>
</ul>
<p style="margin-bottom: 0;padding-bottom: 0;">title</p>
<ul style="margin-top: 0;padding-top: 0;">  
   <li>item 1</li>
   <li>item 1</li>
</ul>
</body>
</html>