title

Web Page Construction
Lesson 5: Spacing

Vertical - examples

In CSS:

selector { blah:blah; margin-top:3px; margin-bottom:0; }

In the body, overruling CSS:

<p style="margin-top:3px;margin-bottom:3px"> Blah blah </p>

On this site, an example of Google ads spaced apart from one another veritically is as follows:

<p style="margin-top:860px"></p>

A veritical value, or any other value, can be expressed also within a tag alongside a CSS value. For example, one of my CSS selectors is .space. Expressed in the body with the vertical value it becomes:

<p class="space" style="margin-top:860px"></p>

Horizontal - examples

In CSS:

selector { blah:blah; margin-left:120px; }

In the body, overruling CSS:

<p style="margin-left:120px;"> Blah blah </p>

Within a paragraph:

<span style="margin-left:75px">Blah blah </span>

As with vertical values, horizontal values can put within a tag that includes a CSS value.

Center

In CSS:

selector { blah:blah; text-align:center }

In the body, overruling CSS:

<div align="center"> Blah blah </div>
<p align="center"> Blah blah </p>

LESSON 6: Links arrow

Copyright © 2008 Frank E. Smitha. All rights reserved.