Home › Forums › CSS › Problems with Firefox columns › Re: Problems with Firefox columns
October 27, 2012 at 10:21 pm
#112795
Participant
Set in two columns, then float the image:
<div id='img-wrapper'>
<div class='main-img-wrapper'><img src=''></div>
<div class='cols'>
<div class='photo'>
<div class='photo'>
</div>
</div>
.main-img-wrapper {float:left}
.cols {
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
-webkit-column-gap:10px;
-moz-column-gap:10px;
column-gap:10px;
}