I'm trying to sort out a fairly simple website for my work. I'm trying to figure out the best way to line a few images up, by floating them to the right in my header. However, whenever I do that, it seems to push the text that is supposed to be centered on my page to the left. I've tried to adjust margins/padding but haven't been able to figure it out.
Is there a way to make the images technically behind the text, and then maybe it wouldn't effect the text at all? Here is the part where I'm having the issue in my HTML..
Business Name<br />
<img src="pictures/igicon.png" alt="Our Instagram Page" class="icon" />
<img src="pictures/fbicon.png" alt="Our Facebook Page" class="icon" />
Here is my CSS...
font-family: "Book Antiqua", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
Any help on figuring this out would be greatly appreciated.