Is there a way to align a header and sub-header using text-align: justify;? It doesn't seem to work for me, possibly because the parent is set to inline-block?
Check out my jsFiddle example: http://jsfiddle.net/9bnqab6n/1/
Here's the HTML code:
<div id="header">
<div id="logo">
<h1 class="logo">My Business</h1>
<h3 class="logo">This Is What We Do</h3>
</div>
</div>
And here's the CSS code:
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;
}