I'll just jot css stuff down here for future reference:
*************************************************************
<div style='text-indent:20px;'
indents the first line of following text.
*************************************************************
<div style='margin:20px;'
provides the designated amount of space at ALL sides of
the following section until a closing tag is encountered.
*************************************************************
<div style='margin-left:20px;'
provides the designated amount of space at left side of
the following section until a closing tag is encountered.
*************************************************************
<div style='text-color:red;'>
duh...
*************************************************************
<div style='font-size:120%;'>
changes size relative to present size? or relative to default size...hmm?
hmm indeed, it must change from present size!!!
*************************************************************
This is a <p
style='width:400px; margin:10px; padding 10px;
border:1px solid grey; text-align:center;'>
*************************************************************
This is a <div
style='width:400px; margin:10px; padding 10px;
border:1px solid grey; text-align:center;'>
*************************************************************
The examples above stated a single padding attribute which sets all sides.
The next two show how you can specify padding for each side.
This is a <div . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..
style='width:400px; |
margin:10px; |
padding-top:5px; |
padding-right:15px; |
padding-bottom:25px; |
padding-left:35px; |
border:1px solid grey; |
text-align:center;' |
>
This is a <div . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ..
style='width:400px; margin:10px;
padding:5px 15px 25px 35px;
border:1px solid grey; text-align:center;'>
*************************************************************
Here are <table style='margin-left:20px; border:1px solid red;'> and:
<td width:400px; border:1px solid grey; |
border:1px solid grey; '> and |
<td style='text-align:right;'> |
and <td style='border:1px solid gray;''> |
<td style='text-align:center;'> |
and <td style='border:1px solid gray;''> |
*************************************************************
This is a table with an image of a digit as a background in each td.
*************************************************************
*************************************************************