Английский
by pharma_nsk
HTML
<body>
<div class="box">
<img src="http://www.pictureshack.ru/images/74768_46101421_437455898.png" alt="pic">
<div class="list">
<a href="#kjh">LIST-ENGLISH</a>
</div>
<div class="record">
<a href="#kh">СПИСОК РЕСУРСОВ ДЛЯ ИЗУЧЕНИЯ АНГЛИЙСКОГО ЯЗЫКА</a>
</div>
</div>
</body>CSS
body {background-color:white; font-family: Arial, sans-serif; font-weight:bold;}
.box {height:160px; width:80%; margin:10px auto; background-color: #F5F5F5; overflow: hidden; border:10px solid #F5F5F5;}
img {height:160px; float:left;}
.list {height:30px; width:210px; background-color:#552BED; margin-left:130px; padding:5px; line-height:30px; margin-top:20px; }
.list a:after {content: '';display: inline-block; position:relative; bottom:6px; width:2000%; height: 10px; background: #552BED; margin-right: -2000%;}
a {color:white; text-decoration:none; }
.list a {font-size:30px; }
.record {height:30px; width:240px; background-color:#D42447; margin-left:200px; padding:5px; line-height:15px; margin-top:20px; text-align:center;}
.record a {font-size:13px;z-index:10;}
.record a:after {content: '';display: inline-block; position:relative; bottom:10px;left:50px; width:2000%; height: 10px; background: #D42447; margin-right: -2000%; z-index:1;}
a:hover {color:#99FCFF;}