I know that this questions has been asked several times, but I couldn't find a solution for this specific situation.

So, here's what I have:
[DEMO](http://jsfiddle.net/db0onh6c/1/)

Basically it's a list of rows:

```
<ul>
    <li>
        <label>
            <span>element1</span>
            <span>element2</span>
            <span>element3</span>
            <span>element4</span>
        </label>
    </li>
    <li>
        <label>
            <span>element1</span>
            <span>element2</span>
            <span>element3</span>
            <span>element4</span>
        </label>
    </li>
</ul>

```

And the `span` elements are all `inline-blocks` and `label` has `text-align: justify`.

Everything works as expected, and as I want it to, but the vertical alignment. All the items are attached to the top, kind of. I thought it was the usual inline-block annoyance of the empty line afterward, but I tried setting the `font-size` to 0, or removing the white space and nothing changed.