Why can't floated elements set their left and right margins

Question

In a wrapper div, the floated elements don\'t seem to respond to left and right margin settings. Example:

html:

    <         


        
      

Answer 1

@Marcus's answer is good. Another way to fake having margins on a floated element is to put the content inside of another container and use padding:

.outer
{
    float: left;
    padding: 10px;
}

.inner
{
}