Media Box

by Annett

HTML

<div class="media-box"><a href="">
    <span>#1</span>
    
<img src="http://i55.tinypic.com/2d962ww.png" alt="" />

    <strong>This is a title</s>
    
    <p>this is some text, lalalala lalalala lalalala</p></a>
</div>

CSS

div.media-box{
                float:left;
                margin-right:10px;
                overflow: hidden;
                background:#0055BB;
                padding:3px;
                border:1px solid #fff;
                color:#fff;
            }
            .media-box img{
                float:left;
                margin-right:5px;
            }

            .media-box span{
                float:left;
                margin-right:5px;
            }

            .media-box a {
                color: #ffffff;
            }