文章を入れるとこんな感じ。
重なったテーブルです。テキスト部分は行間を少し広げて読みやすくしてあります。背景のカラーを変えると雰囲気が変わると思います。

下から１､２番目のテーブルをコピーしていけばどんどんつなげられます。

テキスト３

テキスト４

テキスト５

テキスト６

Designed by unamama

■　こちらのソースをコピーしてお使いください　■

 
<center>
<p style="width:500px;text-align:left;background-color:#ffffe6;
padding:10px;border:3px double #cccccc">
<table width=100%>
<tr height=20px>
<td align=center style="color:#cccccc;font-size:15px;">
<font color="#66cccc" style="font-size:12px;">+　</font>
<font style="font-size:12px;">+　</font><font color="#66cccc" 
style="font-size:12px;">+　</font>
Sample
<font color="#66cccc" style="font-size:12px;">　+　</font>
<font style="font-size:12px;">+　</font><font color="#66cccc" 
style="font-size:12px;">+　</font>
</td>
</tr>
</table>


<table cellspacing=0 style="border:0px solid #cccccc;font-size:x-small">
<tr height=100px>
<td bgcolor=#ffffff align=center valign=middle width=100px 
style="border:1px solid #cccccc;">
<table width=85px height=85px bgcolor=#ffffff 
style="border:3px dotted #cccccc;font-size:x-small;">
<tr>
<td align=center valign=middle>
画像１
</td>
</tr>
</table>
</td>
<td width=280px align=left valign=top style="padding:20px 0px 15px 10px;
line-height:15px;">
テキスト１
</td>
</tr>
</table>


<table cellspacing=0 style="border:0px solid #cccccc;font-size:x-small;
margin-top:-15px;margin-left:80px;">
<tr height=100px>
<td bgcolor=#ffffff  align=center valign=middle width=100px 
style="border:1px solid #cccccc;">
<table width=85px height=85px bgcolor=#ffffff style="border:3px dotted #cccccc;
font-size:x-small;">
<tr>
<td align=center valign=middle>
画像２
</td>
</tr>
</table>
</td>
<td width=280px align=left valign=top style="padding:20px 0px 15px 10px;
line-height:15px;">
テキスト２
</td>
</tr>
</table>


<table cellspacing=0 style="border:0px solid #cccccc;font-size:x-small;
margin-top:-15px;">
<tr height=100px>
<td align=center valign=middle bgcolor="#ffffff" width=100px 
style="border:1px solid #cccccc;">
<table width=85px height=85px bgcolor=#ffffff 
style="border:3px dotted #cccccc;font-size:x-small;">
<tr>
<td align=center valign=middle>
画像３
</td>
</tr>
</table>
</td>
<td width=280px align=left valign=top style="padding:20px 0px 15px 10px;
line-height:15px;">
テキスト３
</td>
</tr>
</table>

<table cellspacing=0 style="border:0px solid #cccccc;font-size:x-small;
margin-top:-15px;margin-left:80px;">
<tr height=100px>
<td bgcolor=#ffffff  align=center valign=middle width=100px 
style="border:1px solid #cccccc;">
<table width=85px height=85px bgcolor=#ffffff 
style="border:3px dotted #cccccc;font-size:x-small;">
<tr>
<td align=center valign=middle>
画像４
</td>
</tr>
</table>
</td>
<td width=280px align=left valign=top style="padding:20px 0px 15px 10px;
line-height:15px;">
テキスト４
</td>
</tr>
</table>


<table cellspacing=0 style="border:0px solid #cccccc;font-size:x-small;
margin-top:-15px;">
<tr height=100px>
<td align=center valign=middle bgcolor="#ffffff" width=100px 
style="border:1px solid #cccccc;">
<table width=85px height=85px bgcolor=#ffffff style="border:3px dotted #cccccc;
font-size:x-small;">
<tr>
<td align=center valign=middle>
画像５
</td>
</tr>
</table>
</td>
<td width=280px align=left valign=top style="padding:20px 0px 15px 10px;
line-height:15px;">
テキスト５
</td>
</tr>
</table>

<table cellspacing=0 style="border:0px solid #cccccc;font-size:x-small;
margin-top:-15px;margin-left:80px;">
<tr height=100px>
<td bgcolor=#ffffff  align=center valign=middle width=100px 
style="border:1px solid #cccccc;">
<table width=85px height=85px bgcolor=#ffffff style="border:3px dotted #cccccc;
font-size:x-small;">
<tr>
<td align=center valign=middle>
画像６
</td>
</tr>
</table>
</td>
<td width=280px align=left valign=top style="padding:20px 0px 15px 10px;
line-height:15px;">
テキスト６
</td>
</tr>
</table>
</p>

<p style="width:500px;text-align:right;padding-right:10px; margin-top:-15px">
<a href="http://plaza.rakuten.co.jp/unamama">Designed by unamama</a>
</p>

</center>