<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Page</title>
<style>
.h1 {
text-align:center;
font-size:24px;
text-decoration:underline;
}
.txt {
font-family:Calibri Light;
text-indent:10px;
}
.link {
text-align:right;
color:darkturquoise;
text-decoration:underline;
}
.a1, .b1 {
border:thin #CCCCCC solid;
border-radius:8px;
}
.a1 {
color: #009933;
}
.b1 {
color:#CC3300;
}
.b1 .h1 {
background-color:antiquewhite;
border-radius:16px;
}
.a1 .subt{
text-decoration:underline;
color:black;
}
#header td
{
border-bottom:thin cornflowerblue dotted;
border-top:thin cornflowerblue dotted;
text-align:center;
font-family:Arial;
font-weight:bold;
border-radius:16px;
color:
}
</style>
</head>
<body>
<table id="header" style="width: 600px" align="center" cellpadding="10" cellspacing="10">
<tr>
<td style="width: 33%">Site Name</td>
<td style="width: 33%">Main Header</td>
<td style="width: 33%">Version 1.00</td>
</tr>
</table>
<br>
<table style="width: 600px" align="center" cellpadding="10" cellspacing="10">
<tr>
<td style="width: 50%" class="a1">
<p class="h1">Header</p>
<p class="txt">Text sdf gsd fgs dfg sdfg sdf gsdf gsd fg sdfg sdfg sdf gsdf
gsd fg sdfg sdfg sdfg sdfg fgsd <span class="subt">this is demo</span></p>
<p class="link">link: my link</p>
</td>
<td style="width: 50%" class="b1">
<p class="h1">Header</p>
<p class="txt">Text sdf gsd fgs dfg <span class="subt">this is demo</span> fg sdfg sdfg sdf gsdf
gsd fg sdfg sdfg sdfg sdfg sdf gsdf gd fgsd fgsd.</p>
<p class="link">link: my link</p>
</td>
</tr>
</table>
</body>
</html>