JSFiddle - React, Tailwind, and code Playground

HTML

<div class="columns">
    <form>
        <fieldset>
            <legend>Legend</legend>
            <p>Content</p>
        </fieldset>
        <fieldset>
            <legend>Legend</legend>
            <p>Content</p>
            <p>Not all fieldsets are created equal.</p>
        </fieldset>
        <fieldset>
            <legend>Legend</legend>
            <p>Content</p>
            <p>Not all fieldsets are created equal.</p>
        </fieldset>
        <fieldset>
            <legend>Legend</legend>
            <p>Content</p>
        </fieldset>
        <fieldset>
            <legend>Legend</legend>
            <p>Content</p>
        </fieldset>
        <fieldset>
            <legend>Legend</legend>
            <p>Content</p>
        </fieldset>
    </form>
</div>

CSS

form {
    padding: 1.0em;
}
fieldset {
    border: 1px solid #ddd;
    padding: 1.0em;
}
.columns {
    -moz-column-width: 200px;
    -moz-column-gap: 30px;
    -webkit-column-width: 200px;
    -webkit-column-gap: 30px;
    column-width: 200px;
    column-gap: 30px;
}