Im trying to use
<div class="inner"> <!-- Top header -->
<h4> Vikbo Bil & Motor AB </h4>
<p> Ekkällavägen 6 </p>
<p> 610 24 Vikbolandet </p>
<p> 0125 500 71 </p>
Remove inline-block from
makes an element well..inline. meaning it only takes as much space as it's width, and allows other inline elements to take the remaining space in the page if they can fit in.
what you want, is to create the
.inner div a block element, which, even though there might be extra space after the div has taken the space for it's own width, won't let any other element take up that space. meaning, it'll be the only element in that row.
so you can use
margin: auto to make it center.
I see you've used
float placement on logo and
contact_info meaning they'll not be fitting in the
div.inner. you should use
display: inline-block on these divs, so they inline and inside the
see if this fiddle satisfies all your needs?