Box/Border Properties

width: {length} | {percentage} | auto

height: {length} | auto

margin: {length} | {percentage} | auto

or specify margin-top, margin-right, margin-bottom, margin-left separately

border-style: none | dotted | dashed | solid | double | grooved | ridge | inset | outset

or specify separately border-style-top, ...

border-width: {length} | thin | medium | thick

each border is also separately specifiable

border-color: number | color-name

each border is also separately specifiable

padding: {length} | {percentage}

or specify separately in each direction

float: left | right | none

similar to align="..." for images but usable for all block elements

clear: left | right | both | none

similar to <br clear="...">

 

See a float and clear example here. Note that the 2nd paragraph is cleared so it does not float around the box.