blob: 13e1c069a6e72730bafa85be1ab2e3b269d28823 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<style>
table { width: 700px; }
td { width: 400px; }
b { border: solid blue; }
i { background-color: green; }
.borderImage { border-image:url("resources/red-box.png") 3 3 repeat; }
</style>
</head>
<body>
<table>
<tr>
<td>top</td>
<td>
<b>
<i style="
margin: -30px 0px 0px 0px;
padding: 1px 0px 0px 0px;">
Here is some text.
</i>
</b>
</td>
</tr>
</table>
<table>
<tr>
<td>right</td>
<td>
<b>
<i style="
margin: 0px -208px 0px 0px;
padding: 0px 1px 0px 0px;">
Here is some text.
</i>
</b>
</td>
</tr>
</table>
<table>
<tr>
<td>bottom</td>
<td>
<b>
<i style="
margin: 0px 0px -30px 0px;
padding: 0px 0px 1px 0px;">
Here is some text.
</i>
</b>
</td>
</tr>
</table>
<table>
<td>left</td>
<td>
<b>
<i style="
margin: 0px 0px 0px -208px;
padding: 0px 0px 0px 31px;">
Here is some text.
</i>
</b>
</td>
</tr>
</table>
<table>
<tr>
<td>left</td>
<td>
<b class=borderImage>
<i style="
margin: 0px 0px 0px -208px;
padding: 0px 0px 0px 31px;">
Here is some text.
</i>
</b>
</td>
</tr>
</table>
</body>
</html>