Flyout

HTML

<link rel="stylesheet" href="http://inuitcss.com/inuit.min.css">
<div class="flyout  demo-block">
    The mitochondria is 
    <div class="flyout__content  demo-block">
        <h1>the powerhouse</h1>
        <p>of the cell</p>
    </div>
</div>

CSS

/**
 * These demo styles sit on top of inuit.css
 * github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_flyout.scss
 */

html{
    font:1em/1.5 Arial;
    padding:5%;
    background-color:#0404ea;
    color:#fff;
}
.demo-block{
    padding:0.5em;
    background-color:#000000;
    color:#44e;
    border-radius:4px;
}