17.04.2014 21:33:23 Плавающие блоки Сообщение #1
Boris
Новичок
Дата регистрации:
09.12.2013 20:13:26
Сообщений: 8
Пытаюсь разобраться с разделом плавающие блоки и что то не получается вот код
<html>
<head></head>
<link rel="Stylesheet" href="style.css" type="text/css" />
<body>
<div>
<p class="green"> левая часть</p>
<p class="blue">центральная</p>
<p class="red">правая часть</p>
</div>
<a id="12"> </a>
</body>
</html>
style.css
div p
{
width:150px;
height:150px;
margin:0 auto 10px;
text-align:center;
}
.green
{
background-color:Green;
border:2px solid Black;
float: left;
}
.blue
{
background-color:Blue;
border:2px solid Black;
}
.red
{
background-color:Red;
border:2px solid Black;
float: right;
}
div
{
border:2px solid blue;
width:30%;
margin: 0 auto;
}
<html>
<head></head>
<link rel="Stylesheet" href="style.css" type="text/css" />
<body>
<div>
<p class="green"> левая часть</p>
<p class="blue">центральная</p>
<p class="red">правая часть</p>
</div>
<a id="12"> </a>
</body>
</html>
style.css
div p
{
width:150px;
height:150px;
margin:0 auto 10px;
text-align:center;
}
.green
{
background-color:Green;
border:2px solid Black;
float: left;
}
.blue
{
background-color:Blue;
border:2px solid Black;
}
.red
{
background-color:Red;
border:2px solid Black;
float: right;
}
div
{
border:2px solid blue;
width:30%;
margin: 0 auto;
}
