JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
    <title>Inline-block Justify Test</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <style type="text/css">
    * {
        margin:0;
        padding:0;
    }

    body {
        font:.8em Helvetica, Arial, sans-serif;
        background:#fff;
        color:#000;
    }

    .l-wrapper {
        width:500px;
        background:#555;
        height:500px;
        text-align:justify;
    }

    .l-child {
        display:inline-block;
        vertical-align:bottom;
    }

    .l-child a {
        display:block;
        width:100%;
        height:100%;
    }

    .l-child_left {
        width:200px;
        height:100px;
        background:#0c0;
    }

    .l-child_right {
        width:100px;
        height:200px;
        background:#ffc0cb;
    }

    .l-child_helper {
        width:100%;
    }
    </style>
    </head>
    <body>
        <div class="l-wrapper">
            <ins class="l-child l-child_left"><div>surprise!</div><a href="#">left</a></ins>
            <ins class="l-child l-child_right"><a href="#">right</a></ins>
            <ins class="l-child l-child_helper"></ins>
        </div>
    </body>
</html>