Code Samples

Below are some samples of code to make your pages look more organized and attractive.
In each example below you can cut & paste the code from this page into your PIB page.

Blank Line
<br />

Box Around Text or Picture
<table style=" border: solid;border-width: thin; width:100%"><tr><td>
--- insert your text or picture here ---
</td></tr></table>

2 Boxes Side By Side
<table style=" border: solid;border-width: thin; width:100%"><tr><td style=" border: solid;border-width: thin;">
--- insert your text or picture for the left box here ---
</td><td style=" border: solid;border-width: thin;">
--- insert your text or picture for the right box here ---
</td></tr></table>

Add a Background Color to Text
(A list of color names can be found here: http://www.w3schools.com/css/css_colornames.asp)
<p style="background-color:yellow">
--- insert your text or picture here ---
</p>

Large Font
<p style="font-size:125%">
--- insert your text here ---
</p>

Larger Font
<p style="font-size:150%">
--- insert your text here ---
</p>

Very Large Font
<h1>
--- insert your text here ---
</h1>

Horizontal Line (Full Width of Page)
<hr />

Horizontal Line (Half Width of Page)
<hr style="width:50%; margin-left:25%"  />