<br> and css

lockmac · #1 Sep 13th, 2007, 03:02

Hi. I am really new to the forums and just wanderinf if i can have a bit of help.

Well i'm doing an assignment for university and its basically based around CSS. In the specifications, it says not to use the <BR> tag, and that to rely on the CSS to do this. How exactly would i do this? Is their something I can search and replace all my <br> tags with?

Many thanks

Monie · #2 Sep 13th, 2007, 05:52

Hi lockmac,

You can use margin-top or margin-bottom to adjust the space between
elements, including paragraphs. (You can also use padding-top and
padding-bottom.)

The amount of space between paragraphs can be adjusted either a fixed
amount (as in pixels) em value, or a percentage (%) of the element size.

Code: Select all

#content h1{
margin: 0.5em 0 0.5em 0; <-- this four value refer to Top Right Bottom Left (TRBL as in Trouble :-))
}

An example of a margin adjustment in action can be seen on this page:

1. Different Paragraph
2. CSS Margin
3. Paragraph

Hope that help.

karinne · #3 Sep 13th, 2007, 12:11

Yep ... Monie's hit it right on the nail.

MikeHopley wrote a great article for the newsletter Semantics and he talks about the <br> element in there so you might want to check it out

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
<br> and css