...

View Full Version : How do I make a small line break - with less space between the lines



tesscm
02-13-2005, 11:17 AM
How do I make a small line break, with less that a whole line skipped between lines? In other words, less white space between the lines?

chilipie
02-13-2005, 11:23 AM
You might be able to do it like this, but I'm not too sure about it...


br.small {
line-height: 5px;
}

.....

texty text
<br class="small" />
more texty text

tesscm
02-13-2005, 12:05 PM
Sorry, I couldn't get that to work. Where in my html would I put:

br.small {
line-height: 5px;
}

Thanks for your help.

chilipie
02-13-2005, 12:24 PM
Between the head tags:


<style type="text/css">
br.small {
line-height: 5px;
}


Between the body tags:


texty text
<br class="small" />
more texty text


Again, I'm not completely sure if it works, so please post back :) .

tesscm
02-13-2005, 12:36 PM
I tried it, and it looks like it makes the usual sized line break. Thanks anyway.

chilipie
02-13-2005, 12:39 PM
Perhaps try height instead of line-height... :confused:

tesscm
02-13-2005, 01:30 PM
Tried that too. No difference. Thanks anyway.

chilipie
02-13-2005, 03:10 PM
Sorry :o .

jaywhy13
02-13-2005, 03:15 PM
Try this:
<style type="text/css">

.small {
line-height:100%;
}
</style>
.
.
.
.

<br class="small">

tesscm
02-13-2005, 03:50 PM
That did not work. Thanks anyway.

Jalenack
02-13-2005, 05:57 PM
mm the mysterious <br> element.

try <br style="padding: 5px"> or <br style="margin: 5px">...those might work

rmedek
02-13-2005, 06:13 PM
I think you are outta luck...

http://archivist.incutio.com/viewlist/css-discuss/16884

tesscm
02-13-2005, 07:55 PM
Thanks for all your responses.

drewdog
08-08-2011, 07:36 PM
i used this

<div style="margin: 0px; padding:0px; clear: both; height: 6px">
&nbsp;
</div>

Budisalreadytak
09-12-2011, 01:52 AM
I think you are using a paragraph break <p/> instead of a line break <br/> none of what they suggested will work if your are using a paragraph break wich happens when you hit the Return key on your keyboard. If you want to avoid this type shift-return next time you want to add one line of vertical space.

alun
12-04-2013, 02:48 PM
In the <head> of your HTML you need to put this…

<style type="text/css">
<!--
P { line-height : 150%; }
-->
</style>

This means that the text you want to be "space and a half" high in the body of your file will have to be enclosed in <p> tags, like this:

<p>This is the 150% high line of text</p>
But this one is NOT!

You can also play with the % to suit your own needs.
Hope this helps you.
I put 150% because that is what was requested by my customer. reducing it to what you want is a matter of changing the percentage. Refresh and then check.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum