half a line after <br />

Anders Floderus · May 14, 2005

I would like to get an extra half empty line after each
<br /> for readability. Is this possible?

I keep all my text within <div class=... containers, if
there were some style properties where I could
specify this, it would fit well together with the rest
of my site.

thanks in advance

Toby Inkster · May 14, 2005

Anders said:
I would like to get an extra half empty line after each
<br /> for readability. Is this possible?

You seem to be using line breaks (foo<br>bar) when you should be using
properly marked up paragraphs (<p>foo</p><p>bar</p>). If you used proper
paragraphs you could set:

P {
margin: 0 0 1.5em;
padding: 0;
}

Barbara de Zoete · May 14, 2005

I would like to get an extra half empty line after each
<br /> for readability. Is this possible?

Of course

I keep all my text within <div class=... containers, if
there were some style properties where I could
specify this, it would fit well together with the rest
of my site.

It is best to give a URL to an example of this. Now I have to assume a lot.

Like, I am assuming you use <br /> to separate paragraphs. If so: don't.
Mark up paragraphs to be that:

<body>
<div class="foo">
<p>this is a paragraph, if it is long enough</p>
<p>and so is this</p>
</div>
</body>

Then you can use css to style the space between paragraphs, like this:

div.foo p { margin-bottom:1.5em; }

--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'

Tonnie · May 14, 2005

Anders said:
I would like to get an extra half empty line after each
<br /> for readability. Is this possible?

I keep all my text within <div class=... containers, if
there were some style properties where I could
specify this, it would fit well together with the rest
of my site.

How about the following in your style-sheet:

br { margin-bottom: 2.5em; }

Regex question; match <br> after opening tag	23	Feb 16, 2011
How to indent a line after <br />	13	Mar 14, 2006
Help with my responsive home page	2	Dec 14, 2022
Help with code	0	Jun 12, 2022
How can I get my menu inside of a menu to function properly?	1	Jan 19, 2023
Positioning a popup	10	Dec 13, 2020
I Need Help with making a function that draws in a canvas using location data.	1	Dec 17, 2021
Overriding .textContent of BR elements	2	Oct 11, 2008

half a line after <br />

Anders Floderus

Toby Inkster

Barbara de Zoete

Tonnie

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads