Tables and lists

Not something really that special to showcase, but these are very useful when setting up your theme's content.

Arrow list

probo feugiat alienum pro
fierent prodesset mea
nam recusabo definitiones, eu nec nonumy ignota torquatos
ex autem eruditi pertinacia vix, postulant iracundia sea
augue dicta tollit qui ei

Get the code:

[arrow_list]
<ul>
   <li>probo feugiat alienum pro</li>
   <li>fierent prodesset mea</li>
   <li>nam recusabo definitiones, eu nec nonumy ignota torquatos</li>
   <li>ex autem eruditi pertinacia vix, postulant iracundia sea</li>
   <li>augue dicta tollit qui ei</li>
</ul>
[/arrow_list]

Bullet list

probo feugiat alienum pro
fierent prodesset mea
nam recusabo definitiones, eu nec nonumy ignota torquatos
ex autem eruditi pertinacia vix, postulant iracundia sea
augue dicta tollit qui ei

Get the code:

<ul>
   <li>probo feugiat alienum pro</li>
   <li>fierent prodesset mea</li>
   <li>nam recusabo definitiones, eu nec nonumy ignota torquatos</li>
   <li>ex autem eruditi pertinacia vix, postulant iracundia sea</li>
   <li>augue dicta tollit qui ei</li>
</ul>

Numbered list

probo feugiat alienum pro
fierent prodesset mea
nam recusabo definitiones, eu nec nonumy ignota torquatos
ex autem eruditi pertinacia vix, postulant iracundia sea
augue dicta tollit qui ei

Get the code:

<ol>
   <li>probo feugiat alienum pro</li>
   <li>fierent prodesset mea</li>
   <li>nam recusabo definitiones, eu nec nonumy ignota torquatos</li>
   <li>ex autem eruditi pertinacia vix, postulant iracundia sea</li>
   <li>augue dicta tollit qui ei</li>
</ol>

Table in action

Prodesset	Ornatus	Interesset	Comprehensam	Mandamus

Eam hinc	Prompta oportere	Deterruisset	Lorem ipsum	Appellantur
Appellantur	Ornatus	Interesset	Scripserit	Sefinitionem
Prodesset	Aeterno	Homero	Eam hinc	Mandamus oportere
Vivendum	442 eam	6783 set	139 euismod	1277 rec
Deterruisset	Scripserit	Interesset	Comprehensam	Vivendum
Vivendum	442 eam	6783 set	139 euismod	1277 rec
Deterruisset	Scripserit	Interesset	Comprehensam	Vivendum

Get the code:

<table class="int-tbl" cellspacing="0" cellpadding="0">
<thead>
<tr>
<td>Prodesset</td>
<td>Ornatus</td>
<td>Interesset</td>
<td>Comprehensam</td>
<td>Mandamus</td>
</tr>
</thead>
<tfoot>
<tr>
<td></td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Eam hinc</td>
<td>Prompta oportere</td>
<td>Deterruisset</td>
<td>Lorem ipsum</td>
<td>Appellantur</td>
</tr>
<tr>
<td>Appellantur</td>
<td>Ornatus</td>
<td>Interesset</td>
<td>Scripserit</td>
<td>Sefinitionem</td>
</tr>
<tr>
<td>Prodesset</td>
<td>Aeterno</td>
<td>Homero</td>
<td>Eam hinc</td>
<td>Mandamus oportere</td>
</tr>
<tr>
<td>Vivendum</td>
<td>442 eam</td>
<td>6783 set</td>
<td>139 euismod</td>
<td>1277 rec</td>
</tr>
<tr>
<td>Deterruisset</td>
<td>Scripserit</td>
<td>Interesset</td>
<td>Comprehensam</td>
<td>Vivendum</td>
</tr>
<tr>
<td>Vivendum</td>
<td>442 eam</td>
<td>6783 set</td>
<td>139 euismod</td>
<td>1277 rec</td>
</tr>
<tr>
<td>Deterruisset</td>
<td>Scripserit</td>
<td>Interesset</td>
<td>Comprehensam</td>
<td>Vivendum</td>
</tr>
</tbody>
</table>

Note: for tables on full width page, use the class full-tbl instead of int-tbl.