Is there a way to keep the last div (class) from sliding underneath? I applied margin-right
to .artist_wrap
. I assumed that using overflow: hidden
would contain it within #music_videos_wrap
, but it just disappears. Any assistance is greatly appreciated.
HTML:
<div id="music_videos_wrap">
<div class="artist_wrap"></div>
<div class="artist_wrap"></div>
<div class="artist_wrap"></div>
<div class="artist_wrap"></div>
</div>
CSS:
#music_videos_wrap{
float:left;
margin:0 0 0 23px;
width:944px;
height: 257px;
background-color: red;
/*overflow:hidden;*/
}
.artist_wrap{
float:left;
width:190px;
height:257px;
background-color: green;
margin:0 62px 0 0;
}