вопрос
помогите пожалуйста как исправить это
Html
CSS
и как создать такой блок
Html
<div class="wrapper">
<div class="film">
<div class="raiting">7</div>
<div class="who">?</div>
<a href="http://lybrook.net/smash-hit/502-300-spartancev-rascvet-imperii.html"><img src="lybrook.jpg" class="posterf" alt=""></a>
<a class="linkabout" rel="leanModal" name="about502" href="#about502"></a><a href="http://lybrook.net/smash-hit/502-300-spartancev-rascvet-imperii.html" class="titlev">300</a><br>
<a href="tags" class="tags">2013,США</a>
</div> </div>
CSS
.wrapper {
width: 710px;
min-height: 620px;
margin: 0 auto;
padding: 0px 0px 0 0;
position: relative;
background:url(lu.png);
border-radius:5px;
border:3px #CCC solid;
}
.film {
position:relative;
background-color:#EFEFEF;
border:1px solid #CCC;
min-height:200px;
width:165px;
float: left;
margin: 10px 5px;
padding: 10px 0;
overflow: hidden;
}
.posterf{
width:145px;
height:220px;
margin-left:10px;
}
.titlev{
width:135px;
margin-left:10px;
text-align: left;
text-decoration: none;
color:#c5c5c5;
text-align:left;
text-align: right;
font-size:15px;
}
.tags{
width:135px;
margin-left:10px;
text-align: left;
font-size:10px;
color:#010101;
text-decoration:none;
}
и как создать такой блок