JSFiddle - React, Tailwind, and code Playground

by Town

HTML

<div id="whiteborder"><img src="image1.png">Text 1<a href="linkone.html"></a></div>
<div id="whiteborder"><img src="image2.png">Text 2<a href="linktwo.html"></a></div>
<div id="whiteborder"><img src="image3.png">Text 3<a href="linkthree.html"></a></div>

CSS

body {background: black;}

#whiteborder
{
    background: white;
    margin: 2px 10px 0px 10px;
    box-sizing: border-box;
    padding: 20px;
    text-align: left;
    font-weight: bold;
    font-size:10px; 
}

#whiteborder > a
{
    width: 30px;
    height: 30px;
    background-image: url('http://jsfiddle.net/img/logo.png');
    display: block;
    float: right;
}