Home/ Questions/Q 6916941
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T09:40:02+00:00

I’m trying to reduce the vertical space between two sections, however, being a knob

  • 0

I’m trying to reduce the vertical space between two sections, however, being a knob at CSS doesn’t help. Using tables (heh) the spacing she is gone, but with CSS I’m pulling my hair out.

If you copy/paste the code below you’ll notice the vertical spacing between “Link Heading” and “www.123.com” is different than that between “www.123.com” and “Some more text”:

Link Heading...
www.123.com
Some more text...

Here’s the skinny

<head>
<style>
body{font:13px/27px Arial,sans-serif}
.link{color:#0000cc}
.heading{float:left;font-size:1.2em;margin:0;font-weight:normal}
.result{font-size:0.850em;line-height:1em;margin-bottom:20px}
.site,.info{float:left;font-size:1em}
.info{color:#222234}
</style>
</head>
<body>
    <a class=link href='http://www.123.com/'>
        <span class=heading>Link Heading...</span>
    </a>
    <br>
    <div class=result>
        <span class=site>www.123.com</span>
        <br>
        <span class=info>Some more text...</span>
    </div>

<br>
<table border=0 cellspacing=0 cellpadding=0>
<tr><td><a class=link href='http://www.123.com/'>Link Heading...</a></td></tr>
<tr><td>www.123.com</td></tr>
<tr><td>Some more text...</td></tr>
</table> 
</body>

Now I know the answer is going to be something obvious, but I can’t see the forest for the friggin css trees anymore.

I’d appreciate any pointers.

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    use CSS line-height: or negativ margin: to change that vertical space
    also be sure if you are using breaks <br> that their height: also changes the vertical space

    • 0