Media Block

by david_i_smith

HTML

<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>

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;
}