3divs with equal width

by Kiran Duggal

HTML

<div id="container">
    <div class="small">lorem ipsum dolor sit amet</div>
    <div class="small">lorem ipsum dolor sit amet</div>
    <div class="small">lorem ipsum dolor sit amet</div>
</div>

CSS

* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}

#container {
    margin: 0 auto;
    width: 100%;
    height: 300px;
}

.small {
    float: left;
    width: 33%;
    padding-right: 10px;
    height: 100%;
    border:solid 1px red;margin: 0 auto;
}

.small:last-child {
    padding: 0;
}