Listing Title
Listing Title

Paragraph of left-indented text. View the source code in most browsers by clicking View => Source on the menu bar and scrolling down about halfway to just past <td class="user">.

Paragraph of left-indented text. View the source code in most browsers by clicking View => Source on the menu bar and scrolling down about halfway to just past <td class="user">.

Things to buy
Videos |
Photos |
Recordings |
Assignment |
<div style="width: 95%; height: 100%; border: 2px solid black;
background-color: #0d5050; padding: 20px;">
<h1 style="font-weight: bold; font-size: 45px; font-family:
monotype corsiva; text-align: center; color: #ffffff; margin: 0;">
Listing Title</h1>
<br><div style="width: 625px; border: 1px solid black;
margin: 0 auto 20px auto; padding: 20px; background-color: #ddffff;">
<div style="width: 600px; height: 140px; text-align: center;
font-weight: bold; font-size: 40px; font-family: monotype corsiva;
color: #0d5050; background-image:
url(http://help4flirts.com/teal_template/header_image.png);
text-align: center; margin: 10px auto 20px auto;"><br>Listing Title</div>
<div style="width: 600px; margin: 0 auto;">
<img src="http://help4flirts.com/teal_template/right-align_image.png"
style="float: right; display: block; margin-left: 10px;">
<p style="font-weight: bold; font-size: 25px; font-family: monotype corsiva;
color: #0d5050; text-indent: 35px;">Paragraph of left-indented text. View
the source code in most browsers by clicking View => Source on the
menu bar and scrolling down about halfway to just past <td
class="user">.</p>
<br><br><br>
<img src="http://help4flirts.com/teal_template/left-align_image.png"
style="float: left; display: block; margin-right: 10px;">
<p style="font-weight: bold; font-size: 25px; font-family: monotype corsiva;
color: #0d5050; text-indent: 35px;">Paragraph of left-indented text. View
the source code in most browsers by clicking View => Source on the menu
bar and scrolling down about halfway to just past <td class="user">.</p>
<img src="http://help4flirts.com/teal_template/center-align_image.png"
style="margin: 20px auto; width: 550px; display: block;">
</div>
<h3
style="font-weight: bold; font-family: times; font-size: 25px;
font-style: italic; text-align: center; color: #0d5050; font-family:
monotype corsiva;">Things to buy</h3>
<table style="text-align: center; margin: 20px auto; width: 400px;
valign: middle; border: 1px solid gray;">
<tr>
<td style="width: 200px; height: 75px;"><div style="background-image:
url(http://help4flirts.com/teal_template/button.png); width: 150px; height:
50px; margin: auto; font-weight: bold; font-size: 25px; font-family:
monotype corsiva; text-align: center; line-height: 50px; color: #0d5050">Videos</td>
<td style="width: 200px; height: 75px;"><div
style="background-image: url(http://help4flirts.com/teal_template/button.png);
width: 150px; height: 50px; margin: auto; font-weight: bold;
font-size: 25px; font-family: monotype corsiva; text-align: center;
line-height: 50px; color: #0d5050">Photos</td>
</tr>
<tr>
<td style="width: 200px; height: 75px;"><div
style="background-image: url(http://help4flirts.com/teal_template/button.png);
width: 150px; height: 50px; margin: auto; font-weight: bold;
font-size: 25px; font-family: monotype corsiva; text-align: center;
line-height: 50px; color: #0d5050">Recordings</td>
<td style="width: 200px; height: 75px;"><div style="background-image:
url(http://help4flirts.com/teal_template/button.png); width: 150px;
height: 50px; margin: auto; font-weight: bold; font-size: 25px;
font-family: monotype corsiva; text-align: center; line-height: 50px;
color: #0d5050">Assignment</td>
</tr>
</table>
</div>
</div>
</div>
See my other listing template here.
Button scroller