0

What do I do if social media icons do not display inline on the right side of the nav bar .

.social{ display:inline; float:right; } #wont work

7/3/2017 5:38:09 AM

Ricardo Chitagu

6 Answers

New Answer

+1

did you put nav bar and social icons on same div or different?

+1

if you are using ul for nav items try below css for ul ul { display:inline; }

0

can you share the full codes?

0

0

0

here is a sample sample of code for navbar with social icons on same line html ...... <div id="Nav"> <ul> <li>Home</li> <li>Products</li> <li>Servises</li> <li>About us</li> <li>Contact</li> </ul> <img src="Twitter.png" alt="twitter" class="Social"/> <img src="facebook.png" alt="facebook" class="Social"/> </div> css .... #Nav { align:left; background-color:#f26522; } ul { margin:0; padding:0; display:inline; } li { color:#FFF; list-style-type:none; margin:0; padding:0 1%; display:inline; vertical-align:middle; font-size:20px; } .Social { height:35px; float:right; display:inline; }