JSFiddle - React, Tailwind, and code Playground
HTML
<div id="container">
<img src="http://www.gravatar.com/avatar/9341d83aa49b6dc64e4bf11e9bc49e10?s=32&d=identicon&r=PG" />
<img src="http://www.gravatar.com/avatar/b3394ebb9bac5a4af03a713a3ba52c7f?s=32&d=identicon&r=PG" />
<img src="http://www.gravatar.com/avatar/c3203aa647aeb214c463c59f1af2c38f?s=32&d=identicon&r=PG" />
</div>
CSS
/*Facebook UI*/
/* li */
.multiColumnCheckable {
float: left;
margin: 5px 0 0 5px;
overflow: hidden;
width: 262px;
}
.threeColumns .multiColumnCheckable {
width: 173px;
}
/* input */
.multiColumnCheckable .checkbox {
float: left;
margin: 23px 8px 0 6px;
}
.threeColumns .multiColumnCheckable .checkbox {
margin: 12px 6px 0;
}
/* a */
.multiColumnCheckable .anchor {
border-color: #FFFFFF;
border-style: solid;
border-width: 1px 0;
display: block;
outline: medium none;
padding: 6px;
}
.threeColumns .multiColumnCheckable .anchor {
padding: 2px;
}