css - "last" style not working. Margin -


html

<div class="col-3"><a class="fancybox-effects-c" rel="group" href="images/image1.jpg" title="new home number two"><img src="images/thumb_image1.jpg" class="fade" alt="" width="100%" /></a></div> <div class="col-3"><a class="fancybox-effects-c" rel="group" href="images/image2.jpg" title="new home number two"><img src="images/thumb_image2.jpg" class="fade" alt="" width="100%" /></a></div> <div class="last"><a class="fancybox-effects-c" rel="group" href="images/image3.jpg" title="new home number three"><img src="images/thumb_image3.jpg" class="fade" alt="" width="100%" /></a></div> 

css

        .col-3 {     width:31.5%;     float:left;     margin-right:1.8%;     margin-bottom:1.6949%;     display:block; }  .last {     width:31.5%;     float:left;     margin-right:0;     margin-bottom:1.6949%;     display:block; } 

with code. images on right should have 0 margin. dont. have same col-3

it should same, because (31.5*3) + (1.8*2) = 98.1. 1.9% left @ right side have applied float: left. blank space left @ right might margin.


Comments

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -