|
<meta charset="utf-8" />
<title></title>
<style type="text/css">#wrapper{
width: 900px;
outline: 1px solid #787274;
padding: 10px;
margin: 0 auto;
}
#header{
position:relative;
width: 900px;
height: 50px;
background-color: #79807a;
margin-bottom: 10px;
background-image: url(images/i8.png)
}
#sidebar{
background-color: #2FF553;
margin-bottom: 10px;
width: 180px;
padding: 10px;
float: right;
}
#content{
background-color: #efdaf5;
margin-bottom: 10px;
width: 370px;
padding: 10px;
}
#footer{
height:80px;
background-color: #41874E;
margin-bottom: 10px;
}
.clear{
clear: both;
}
h1{
color: #ffee00;
font: 40px Georgia;
margin-left: 300px;
}
.descript{
width: 300px;
color: #ffee00;
font-style: italic;
margin: 70px 0 0 30px;
font-size:22px;
}
img{
position:absolute;
top:10px;
left:10px;
}
</style>
<div id="wrapper">
<div id="header">
<h1>Шапка сайта Как сделать </h1>
<img src="https://media-exp1.licdn.com/dms/image/C4E22AQFZdFc69-TxCQ/feedshare-shrink_800/0/1635422471131?e=1638403200&v=beta&t=_oVbhDy0mUC73bWZpMSNGSALZJuatrjcSd5qp3DlxfE" style="width: 67px; height: 67px;" /></div>
<div id="sidebar">Такая Вставочка</div>
<div id="footer"> </div>
</div>
|
