flexbox

by skibulk

HTML

<!--
https://github.com/philipwalton/flexbugs
https://code.google.com/p/chromium/issues/detail?id=426898
-->

<div class="wrap">
    <div class="flex">
        <div>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc porta congue augue. Maecenas ac dolor sit amet sem dictum consectetur. Maecenas dictum nunc id dignissim vestibulum. Maecenas consectetur metus id condimentum auctor.</p>
        </div>
        <div><p>Hello World</p></div>
    </div>
</div>

CSS

.wrap {
    width: 400px;
}

.flex {
    display: flex;
}

.flex div {
    border: 1px solid #ccc;
}