JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="display-inline-block-example">
	<li>Item one</li><!-
	-><li>Item two Item two Item two Item two Item two Item two Item two Item two Item two Item two Item two Item two Item two Item two Item two</li><li>Item three</li>
</ul>

CSS

<style>
	ul#display-inline-block-example,
	ul#display-inline-block-example li {
		/* Setting a common base */
		margin: 0;
		padding: 0;

	}

	ul#display-inline-block-example li {
		display: inline-block;
		width: 100px;
		min-height: 100px;
		background: #ccc;
		vertical-align: top;
	    border: 1px solid;
        margin-left: -1px;
		/* For IE 7 */
		zoom: 1;
		*display: inline;
	}
    ul#display-inline-block-example li:last-child{
        float:right;
    }

</style>