JSFiddle - React, Tailwind, and code Playground

by Kai

HTML

<div style="width:382px;margin-bottom:10px;">
    <fieldset>
        <legend>
            <img src="http://i.cdn.turner.com/trutv/trutv.com/graphics/modules/assets/friends-with-benefits-white.png"/>
        </legend>
        <div class="external">
            <h3>external links</h3>
        </div>
        <div class="container">
            addsd
        </div>
    </fieldset>
</div>

CSS

body {
    font: normal 13px/1.2em Arial, Helvetica, sans-serif;
    background: lightyellow;
}

fieldset {
    position: relative;
    border: 1px solid #ACACAC;
    background: #fff;
    height: 207px;
}

.container {
}

legend {
    margin-left: 24px;
}

.external h3 {
    position: absolute;
    top: 7px;
    right: 0;
    background-color: inherit;
    color: #ACACAC;
    font-size: 10px;
    font-variant: small-caps;
    letter-spacing: 2px;
    text-align: right;
    margin: 2px 0 15px 0;
}