paddin-box

box-sizing option

by Imri Paloja

HTML

<article id="one" class="box">
    <h1>Header</h1>
    <p>Please work</p>
    </article>
<aside id="two" class="box">This aside occupies the right half.</aside>

CSS

.box {
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    width:50%;
    border:1em solid red;
    float:left;
}

#one {
    width:750px;
}

#two {
    width: 250px;
}