I'm trying to line up a header and a sub-header; my thought was to use `text-align: justify;` but it's not working. My guess is because the parent is set to `inline-block`?

**jsFiddle:**
<http://jsfiddle.net/9bnqab6n/1/>

**HTML:**

```
<div id="header">
    <div id="logo">
        <h1 class="logo">My Business</h1>
        <h3 class="logo">This Is What We Do</h3>
    </div>
</div>

```

**CSS:**

```
h1, h3 {
    margin: 0;
    padding: 0;
    text-align: justify;
}
h1 {
    font-family: Arial;
    font-size: 1.75em;
}
h3 {
    font-family: Georgia;
    font-size: 1em;
}
.logo {
    text-align: justify;
}

```