hakan648
سه شنبه 08 آذر 1390, 11:14 صبح
سلام
یک مثال :
<!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>
<title></title>
<style type="text/css">
.table
{
width:50%;
background-color:Gray;
padding:5px;
margin:5px auto;
font-family:Comic Sans MS;
font-size:large;
text-align:center;
}
.row
{
background-color:Black;
padding:5px;
margin:5px;
}
.column1
{
width:50%;
float:right;
background-color:Blue;
}
.column2
{
width:50%;
float:left;
background-color:Red;
}
.clear
{
clear:both;
}
</style>
</head>
<body>
<div class="table">
<div class="row">
<div class="column1">Row1 - Column 1</div>
<div class="column2">Row1 - Column 2</div>
<div class="clear"></div>
</div>
<div class="row">
<div class="column1">Row2 - Column 1</div>
<div class="column2">Row2 - Column 2</div>
<div class="clear"></div>
</div>
<div class="row">
<div class="column1">Row3 - Column 1</div>
<div class="column2">Row3 - Column 2</div>
<div class="clear"></div>
</div>
</div>
</body>
</html>