I want to split container into three sections and it's already done but I can't figure out how to align all these sections vertically.

HTML:

```
<table width="100%">
<tbody>
    <tr>
        <td class="description">
            <div>
                <section class="col">
                    <h4>Description1</h4>
                    <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
                </section>
                <section class="col">
                    <h4>Description2</h4>
                    <div>blablalblablablalbla</div>
                </section>
                <section class="col">
                    <h4>Description3</h4>
                    <div>bl
                </section>
            </div>
        </td>
     </tr>
</tbody>

```

CSS:

```
.description {
    background: lightgrey;
}

.description .col {
    display: inline-block;
    width: 30%;
}

```

<https://jsfiddle.net/kg4xao6m/>