qartalonline
جمعه 06 دی 1392, 00:18 صبح
بهتره بلوک بندی تون رو بصورت زیر تغییر بدید:
<!DOCTYPE html>
<html>
<head>
<title>page title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<style type="text/css">
*{
margin: 0;
padding: 0;
}
.clear{
clear: both;
}
.block{
border-bottom: #fff solid 1px;
background-color: #f00;
color: #fff;
display: block;
width: 900px;
margin: 0 auto;
}
.block-left{
display: block;
float: left;
width: 450px;
border-right: #fff solid 1px;
}
.block-right{
display: block;
float: left;
width: 449px;
}
.left{
width: 100px;
display: block;
float: left;
margin: 20px;
}
.right{
width: 260px;
display: block;
float: left;
margin: 20px;
}
</style>
</head>
<body>
<div class="block">
<div class="block-left">
<div class="left">
<img src="1385946296_MB__windows.png" alt="#" width="124" height="124">
</div>
<div class="right">
<h3>30 day mony back gauranty</h3>
<p>Those resets are available for medium and large grid tiers only, since they start only at the (second) small grid tier.</p>
</div>
<div class="clear"></div>
</div>
<div class="block-right">
<div class="left">
<img src="1385936041_MB__light.png" alt="#" width="124" height="124">
</div>
<div class="right">
<h3>30 day mony back gauranty</h3>
<p>Those resets are available for medium and large grid tiers only, since they start only at the (second) small grid tier.</p>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="block">
<div class="block-left">
<div class="left">
<img src="1385946296_MB__windows.png" alt="#" width="124" height="124">
</div>
<div class="right">
<h3>30 day mony back gauranty</h3>
<p>Those resets are available for medium and large grid tiers only, since they start only at the (second) small grid tier.</p>
</div>
<div class="clear"></div>
</div>
<div class="block-right">
<div class="left">
<img src="1385936041_MB__light.png" alt="#" width="124" height="124">
</div>
<div class="right">
<h3>30 day mony back gauranty</h3>
<p>Those resets are available for medium and large grid tiers only, since they start only at the (second) small grid tier.</p>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</body>
</html>