پیام حیاتی
شنبه 06 شهریور 1395, 15:47 عصر
بنده دقیقا همینکارو انجام دادم
این css دایو اصلی هست
width:100% ;float:left ; direction:rtl; text-align:center;
این هم css دایو های داخلی
border-radius:13px 13px 13px 13px; margin: 0.2cm 0.2cm 0.2cm 0.2cm; width: 180px; height: 240px; text-align:center ; border-style: solid; border-width: 1px; border-color :#4484F1;
display: inline-block ;
float: none;
بزرگوار به نظر شما ایرادش چیه
متشکرم
فایل html:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css" media="all" />
<title>Testing</title>
</head>
<body>
<div class="main">
<div class="con-1">Bingooo<br />Bingooo</div>
<div class="con-2">Bingooo<br />Bingooo<br />Bingooo</div>
<div class="con-3">Bingooo<br />Bingooo<br />Bingooo<br />Bingooo</div>
<div class="con-4">Bingooo<br />Bingooo<br />Bingooo<br />Bingooo<br />Bingooo</div>
</div>
</body>
</html>
فایل css :
@charset "utf-8";
/* CSS Document */
.main
{
width:90%;
height:100px;
border:solid 1px #666;
margin:0 auto;
padding:10px;
}
.con-1
{
width:20%;
height:auto;
border:solid 1px #666;
border-radius:5px;
text-align:center;
padding:5px;
float:left;
margin:0 0 0 6%;
}
.con-2
{
width:20%;
height:auto;
border:solid 1px #666;
border-radius:5px;
text-align:center;
padding:5px;
float:left;
margin:0 0 0 1%;
}
.con-3
{
width:20%;
height:auto;
border:solid 1px #666;
border-radius:5px;
text-align:center;
padding:5px;
float:left;
margin:0 0 0 1%;
}
.con-4
{
width:20%;
height:auto;
border:solid 1px #666;
border-radius:5px;
text-align:center;
padding:5px;
float:left;
margin:0 0 0 1%;
}
خروجی :
142213