Block

by david_i_smith

HTML

<div class="block">
    <div class="inner">
        <div class="hd">
        </div>
        <div class="bd">
            <div class="block">
                <a class="link" href="#"><img src="http://www.sec.gov/images/rss-icon-16x16.gif" width="16" height="16" alt="RSS feed of latest news"></a>
                <h2 class="heading"><a href="#">Heading</a></h2>
            </div>
            <div class="block block-ext">
                <a class="link" href="#"><img src="http://www.sec.gov/images/rss-icon-16x16.gif" width="16" height="16" alt="RSS feed of latest news"></a>
                <h2 class="heading"><a href="#">Heading</a></h2>
            </div>
        </div>
        <div class="ft">
        </div>
    </div>
</div>

CSS

.block {
    margin:10px;
}
.block,
.heading {
    overflow:hidden;
    _overflow:visible;
    zoom:1;
}
.block .link {
    float:right;
    margin-left:10px;
}
.block .link img {
    display:block;
}
.block-ext .link {
    float:left;
    margin-left:0;
    margin-right:10px;
}