• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 383
  • Last Modified:

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>
0
Shawn
Asked:
Shawn
  • 2
  • 2
1 Solution
 
SSupremeCommented:
Add this to your markup:
<style type="text/css">
* {      margin: 0px; padding: 0px;}    
</style>
Also add <br /> where you what a break line.
0
 
ShawnAuthor Commented:
sorry but that kinda ruins the whole page. In need something to get the title closer to the list.
0
 
Dave BaldwinFixer of ProblemsCommented:
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>

Open in new window

0
 
ShawnAuthor Commented:
thank you
0
 
Dave BaldwinFixer of ProblemsCommented:
You're welcome.  Thanks for the points.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get your problem seen by more experts

Be seen. Boost your question’s priority for more expert views and faster solutions

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now