Kod:
<html>
<head>
<title>Çerçeveli Yazı Kodu</title>
<!-- Head kısmına yazılacak bölüm başı -->
<style type=text/css>
.coliespecial {_margin-left:-4px !important;}
.columnsetup
{
margin-left:-9px;
padding-left:9px;
}
.mainbox1
{
margin:0px 2px;
overflow: hidden;
font-size:1px;
height:1px;
}
.mainbox2
{
margin:0px 1px;
overflow: hidden;
font-size:1px;
height:1px;
}
.mainbox3
{
margin:0px auto;
overflow: hidden;
font-size:3px;
height:3px;
}
/* We can change all colors */
.mainboxcolor1
{
border-left:1px solid #008000;
border-right:1px solid #008000;
}
.mainboxcolor2 {background-color: #008000;}
.mainboxcolor3
{
border-left: 1px solid #008000;
border-right: 1px solid #008000;
}
/* end colors */
.mainboxtext
{
padding: 2px 9px;
white-space:nowrap
}
</style>
<!-- Head kısmına yazılacak bölüm sonu -->
</head>
<body>
<h4>Çerçeveli Yazı Kodu;</h4>
<br>
<table border="0" width="50%">
<tr>
<td width="30%"> </td>
<td style="width: 40%">
<div class="columnsetup coliespecial" style="width:100%;text-align:center;">
<div class="mainbox1 mainboxcolor2"></div>
<div class="mainbox2 mainboxcolor1"></div>
<div class="mainbox3 mainboxcolor1"></div>
<div class="mainboxcolor3 mainboxtext">
Her fert istediğini düşünmek, istediğine inanmak, kendine mahsus siyasi bir fikre sahip olmak, </br>seçtiği bir dinin
icaplarını yapmak veya yapmamak hak ve hürriyetine sahiptir. </br>Kimsenin fikrine ve vicdanına hakim olunamaz.</br></br>
<img src="images/imza.jpg" width="130" height="100" align="right" alt="Grafik Yüklenemedi" /></br></br></br></br></br></br>
</div>
<div class="mainbox3 mainboxcolor1"></div>
<div class="mainbox2 mainboxcolor1"></div>
<div class="mainbox1 mainboxcolor2"></div>
</div>
</td>
<td width="30%"> </td>
</tr>
</table>
</body>
</html>