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

Question

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

Answer 1

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

Answer 2

if you are using ul for nav items try below css for ul

ul
{
display:inline;
}

Answer 3

can you share the full codes?

Answer 4

same div

Answer 5

thx

Answer 6

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;
}