Adım 1: HTML Kodları

<fieldset> <legend>İletişim Formu</legend> <ul> <form> <li><label for="isim">İsminiz</label> <input type="text" name="isim" id="isim" /></li> <li><label for="soyisim">Soyisminiz:</label> <input type="text" name="soyisim" id="soyisim" /></li> <li><label for="konu">Mesajınızın Konusu:</label> <input type="text" name="konu" id="konu" /></li> <li><label for="site">Web Siteniz:</label> <input type="text" name="site" id="site" /></li> <li><label for="mesaj">Mesajınız:</label> <textarea id="mesaj" name="mesaj" rows="5" cols="20"><ul> <li><input type="button" style="margin-left:150px;" value="Mesajımı Gönder" /></li> </ul> </h3>

Adım 2: CSS

//CSS 

fieldset {
	border:1px dashed #009900;
	padding:5px;
	text-align:left;
	width:400px;
}
legend {
	background-color:#fff;
	width:150px;
}
ul {
	float:left;
}
li{
	float:left;
	padding:0px;
	margin-top:5px;
	list-style-type:none;
	display:block;
	width:100%;
}
label {
	float:left;
	width:150px;
}