Kleine Textboxen gestaltet mit CSS

Dies ist Beispiel 1 von insgesamt 4 Beispielboxen.

<p><table style="background:#ffffff; width:150px; height:100px; cellspacing:0px; cellpadding:5px; font-family:Arial,Sans Serif; font-size: 11px; font-weight: normal; color:#ff0000; border-top: #ff0000 solid 1px; border-bottom: #ff0000 solid 1px; border-left: #ff0000 solid 1px; border-right: #ff0000 solid 1px;"><tr><td valign=top align=center>Dies ist Beispiel 1 von insgesamt 4 Beispielboxen.<br></td></tr></table></p>

Dies ist Beispiel 2 von insgesamt 4 Beispielboxen.

<p><table style="background:#ff0000; width:150px; height:100px; cellspacing:0px; cellpadding:5px; font-family:Arial,Sans Serif; font-size: 11px; font-weight: bold; color:#ffffff; border-top: #000000 dashed 1px; border-bottom: #000000 dashed 1px; border-left: #000000 dashed 1px; border-right: #000000 dashed 1px;"><tr><td valign=top align=left>Dies ist Beispiel 2 von insgesamt 4 Beispielboxen.<br></td></tr></table></p>

Dies ist Beispiel 3 von insgesamt 4 Beispielboxen.

<p><table style="background:#0000ff; width:150px; height:100px; cellspacing:0px; cellpadding:5px; font-family:Arial,Sans Serif; font-size: 11px; font-weight: bold; color:#ffff00; border-top: #ff0000 dotted 2px; border-bottom: #ff0000 dotted 2px; border-left: #ff0000 dotted 2px; border-right: #ff0000 dotted 2px;"><tr><td valign=middle align=right>Dies ist Beispiel 3 von insgesamt 4 Beispielboxen.<br></td></tr></table></p>

Dies ist Beispiel 4 von insgesamt 4 Beispielboxen.

<p><table style="background:#00ff00; width:150px; height:100px; cellspacing:0px; cellpadding:5px; font-family:Arial,Sans Serif; font-size: 11px; font-weight: normal; color:#000000; border-top: #000000 double 3px; border-bottom: #000000 double 3px; border-left: #000000 double 3px; border-right: #000000 double 3px;"><tr><td valign=bottom align=center>Dies ist Beispiel 4 von insgesamt 4 Beispielboxen.<br></td></tr></table> </p>