Код:
<!--HTML--> <div class="sfon"> <div id="tot"> <div class="six"> <div class="text">### mi gdem tebya</div> </div> <div class="lougall1-tabs"> <div class='tab'><input type='radio' id='tab-1' name='tab-group-1' checked><label for="tab-1" style=" background-color: #000; background: url(https://s.tcdn.co/5a3/9eb/5a39eb4e-b72c-37b2-a9b0-a9eeab73d837/192/4.png); width: 120px; height: 120px; background-size: 100%!important; margin-left: 0px; margin-top: -87px;"><div class="hovsur"><div class="hovi"></div></div></label></div> <div class='gos'> Приглянулась очаровательная мордашка и хочешь любоваться личиком на форуме? Подкинь идею гостю и оставь здесь своё желание. <div class='/gos'> </div> </div></div> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> <link href='https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'> <style type="text/css"> .six { width: 485px; height: 262px; /* padding: 10px; */ /* border: 1px solid #f1f1f1; */ position: absolute; top: 0px; left: 0px; background: #716e76; overflow: auto; font-family: raleway; font-size: 10px; color: #999; text-align: justify; line-height: 100%; } .six .text { width: 403px; padding: 10px; position: absolute; top: 95px; left: 62px; /* line-height: 5px; */ color: #fff; background-color: #c5c1a4; height: 5px; line-height: 7px; font-family: roboto; font-size: 9px; /* font-style: italic; */ letter-spacing: 1px; text-align: right; text-transform: lowercase; } .lougall1-tabs { position: absolute; background: #dededb; top: 130px; left: 0px; width: 485px; height: 125px; clear: both; margin: 0; } .six .textcod { width: 445px; padding: 20px; position: absolute; top: 455px; /* left: 80px; */ color: #555; background-color: #dededb; height: 28px; line-height: 12px; font-family: roboto; font-size: 14px; font-style: italic; letter-spacing: 1px; text-align: center; text-transform: lowercase; } .gos { padding: 0px 30px 0px 30px; } #tot { height: 270px; } .sfon { height: 300px; } </style> </style> <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,700,500italic,700italic,900,900italic' rel='stylesheet' type='text/css'> <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Noto+Sans" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Oswald:400,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Montserrat:700|Open+Sans:400,400i,700" rel="stylesheet">
код
Код:<!--HTML--> <div class="hv1"><div class="tab1"> <div class="hv1t"> <div class="hv1im"><img src="http://via.placeholder.com/100x100"> <img src="http://via.placeholder.com/100x100"> <img src="http://via.placeholder.com/100x100"></div> <div class="hv1n"><span style="color: #d6d3d3;"> much</span>needed.</div> </div> <div class="hv1o"><b>хочу видеть:<br> себастьен большой лоб стэн, а может кто-то еще, обсудим</b></div> </div></div>Код:<div class="hv1"><div class="tab1"> <div class="hv1t"> <div class="hv1im"><img src="http://via.placeholder.com/100x100"> <img src="http://via.placeholder.com/100x100"> <img src="http://via.placeholder.com/100x100"></div> <div class="hv1n"><span style="color: #d6d3d3;"> much</span>needed.</div> </div> <div class="hv1o"><b>хочу видеть:<br> себастьен большой лоб стэн, а может кто-то еще, обсудим</b></div> </div></div>