LZERO LZERO - 1 month ago 15
PHP Question

Share twitter button not inline

My twitter button to share a post isn't lining up with my Facebook button it's positioned way higher than my content and the Facebook button! Tried adding margin top etc but starts to cut the bottom of the button off!

Got the button from twitter.

Any ideas?

Answer

Have you tried using <ul> <li> tags? Make sure those are aligned and then put the buttons inside there.

See below:

<header id="header">
    <h1>Oops! Page couldn't be found</h1>
    <p>You may  Try  these links:</p>
    <nav>
        <ul>			

            <li><a href="https://www.linkedin.com/in/hamidismatullayev" class="icon fa-linkedin-square"><span class="label"></span></a></li>
            <li><a href="https://www.facebook.com/hamid.ismatullayev" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
            <li><a href="index.html" class="icon fa-undo"><span class="label">Undo</span></a></li>
            <li><a href="https://www.instagram.com/hamidosmatros/" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
            <!--onclick event for Email obstruction-->

            <li>

                <a href = "mailto:hamidATliveDOTru" 
                   onclick = "this.href=this.href.replace(/AT/,'&#64;')
                                                 .replace(/DOT/,'&#46;')" 
                   class="icon fa-envelope"><span class="label">Email</span></a>

            </li> 
              			
        </ul>
    </nav>
</header>

Screenshot of result

Comments