Inline-block test

by dunerunner

HTML

<div class="wrap">
    <div class="div1">
        <span>some text</span>
    </div>
    <div class="div2">
        <span>text some</span>
    </div>
</div>

CSS

body {
    margin:0;
    padding:0;
}
.wrap {
    font-size:0px;
}
.div1 {
    display:inline-block;
    height:100px;
    width:30%;
    background:orange;
}
.div2 {
    display:inline-block;
    height:100px;
    width:70%;
    background:green;
}
div > span {
    font-size:20px;
}