Inline Social Icons

HTML & CSS
1

http://www.ontargettdesign.com

Hi,

I am trying to get the coail icons at the bottom of the page to be inline with each other like the links above (Home, about etc) I followaed a tutorial which used a “table” method, which I was a bit confused about but followed. I tried the same process with the social icons but it doesn’t work.

Could someone help me with this please?

Thanks in advance

2

I’m not sure what the table method is, but you can try:

.social-icons li{
    display: inline-block;
}

You’ll notice that when you do, they don’t align with the menu items just above it. That’s because the wrapping element .social-icons has padding on the left. You can remove it with:

.social-icons{padding-left: 0;}
3

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.