asagidaki örnek dökümanda kullanilan kodlarin hepsini ezberlediginiz zaman CSS i ögrendiniz demektir.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
*{ padding:0; margin:0; border:0; }
ul{ list-style:none; margin:10px;}
ul li {
width:150px;
background-color:#FF0;
margin-bottom:2px;
margin-right:2px;
float:right;
}
ul li a{
display:block;
background-color:#9963A0;
padding:5px;
border-radius: 4px;
border-bottom-right-radius:0;
border-bottom-left-radius:0;
border:1px solid #ccc;
color:#000;
}
p{
width:400px;
height:100px;
background-color:#00F;
overflow:hidden;
margin:5px;
border-radius: 4px;
}
</style>
</head>
<body>
<ul>
<li><a href="#">1 asd asd </a></li>
<li><a href="#">2 a sd asd as</a></li>
<li><a href="#">3 sdas da</a></li>
</ul>
<div style="clear:both"></div>
<p style="padding:5px;"> burada bir yai var burada bir yai var burada bir yai var burada bir yai var burada bir yai var burada bir yai var burada bir yai var burada bir yai var burada bir yai var burada bir yai var burada bir yai var burada bir yai var burada bir yai var burada bir yai var burada bir yai var burada bir yai var burada bir yai var burada bir yai var burada bir yai var burada bir yai var burada bir yai var burada bir yai var burada bir yai var <a href="#">bird </a></p>
</body>
</html>