html - Float 2 columns e.g .col but remove margin from 1 of them? -

if have container 820px wide , want float 2 columns within styles below how can remove margin second column?

<style> #container{ width: 820px; }  .col{ float: left; width: 400px; margin-right: 20px; } </style> 

you use .col:last-child browser support isn't :first-child (:last-child css3 selector).

so try this...

.col {     float: left;     width: 400px; }  .col:first-child {     margin-right: 20px; }