How to Create an Infobox

What are Infoboxes

Infoboxes are nothing more than a table saved as a template. However there is one minor difference: the table has a classification in its title, like so in Wikitext:

{| class=infobox .............. |} or in HTML

<table class=infobox>.........</table>

This "class=infobox" tells the table to behave like an infobox instead of a regular table and places itself on the right side of the page with a certain width, etc.

So let us create a infobox for an organization. We will do it both in Wikitext and HTML.

Wikitext	HTML
{| class=infobox....|}	<table class=infobox>...</table>

Next we want to give the infobox some style considerations such as width, borders, padding, font size, and maybe background color:

Wikitext	HTML
{| class=infobox style="width:30%; text-align:left; padding:0px; font-size:8pt; float:right; border:1px solid black; border-right-width:2px; border-bottom-width:2px; background-color:white;"....|}	<table class=infobox style="width:30%; text-align:left; padding:0px; font-size:8pt; float:right; border:1px solid black; border-right-width:2px; border-bottom-width:2px; background-color:white;">...</table>