Flag & Media Object

flag

/* IE8+ */

.flag{
    display:table;
    width:100%;
}

    .flag__image,
    .flag__body{
        display:table-cell;
        vertical-align:middle;

        .flag--top &{
            vertical-align:top;
        }

        .flag--bottom &{
            vertical-align:bottom;
        }
    }

    .flag__image{
        padding-right:10px;

        > img{
            display:block;
        }

        .flag--rev &{
            padding-right:0;
            padding-left:10px;
        }
    }

    .flag__body{
        width:100%;
    }

media

/* ====== media ====== */
.media {margin:10px;}
.media, .bd {overflow:hidden; _overflow:visible; zoom:1;}
.media .img {float:left; margin-right: 10px;}
.media .img img{display:block;}
.media .imgExt{float:right; margin-left: 10px;}