css trick

by hiteshbhilai2010

HTML

<div class="outer">
    <span class="check">
        <input type="checkbox" />
    </span>
    <span class="desc">Futures</span>
    <br/>

    <span class="check">
        <span class="check">
            <input type="checkbox"/>
        </span>
        <span class="desc">I don't currently trade</span>
        <br/>
      </span>
</div>

CSS

div.outer {
    border: 1px green solid;
    width: 100px;
    position : relative;
}

span.check {
    border: 1px orange solid;
}

span.desc {
    border: 1px cyan solid;
    position: absolute;

}