[How To?] shift list to right

[sidd]

Hi
this is the original code
header Template

<div class="bmenu">
<ul>
<li><a href="{$mybb->settings['bburl']}/portal.php"><i style="font-size: 16px;" class="fa fa-home fa-fw"></i> Home</a></li>
<li><a href="{$mybb->settings['bburl']}/index.php"><i style="font-size: 16px;" class="fa fa-comments fa-fw"></i> Forums</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php"><i style="font-size: 16px;" class="fa fa-search fa-fw"></i> {$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><i style="font-size: 16px;" class="fa fa-users fa-fw"></i> Members</a></li>
<li><a href="{$mybb->settings['bburl']}/showteam.php"><i style="font-size: 18px;" class="fa fa-cog fa-spin fa-3x fa-fw"></i> |L.0.T| Team </a></li>
<li><a href="{$mybb->settings['bburl']}/banlist.php"><i style="font-size: 16px;" class="fa fa-calendar fa-fw"></i> Ban list</a></li>
<li><a href='javascript:;' id="extraslink"> More  <i style="font-size: 10px;" class="fa fa-chevron-down fa-fw"></i></a></li>
<li><a href='javascript:;' id="sociallink"> Go Social  <i style="font-size: 10px;" class="fa fa-chevron-down fa-fw"></i></a></li>
</ul>
<br />
</div>

new.css

#main-menu-container {
    text-align: center; 
	margin: auto auto;
}

#main-menu {
    display: inline-block;
    width: 100%; 
    margin: auto auto;
}

br {
 clear:left
}

.bmenu {
	background: rgba(15,15,15,0.95);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	-moz-box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	box-shadow: rgba(0,0,0,0.7) 0px 1px 8px, inset rgba(0,0,0,0.4) 0px 0px 0px 1px;
	text-shadow: rgba(0,0,0,0.7) 0px 1px 1px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	margin: auto auto;
	
	text-decoration: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
}

.bmenu ul {
    margin: 0; padding: 0;
    float: right;
}

.bmenu ul li {
    display: inline;
}

.bmenu ul li a {
	color: #fff;
	float: left;
	padding: 10.5px 11px;
	
	text-decoration: none;
}

.bmenu ul li a:visited {
    color: #fff;
}

.bmenu ul li a:hover, .bmenu ul li .current {
	color: #ccc;
}

I want to shift this to right only 
this code

<li><a href='javascript:;' id="sociallink"> Go Social  <i style="font-size: 10px;" class="fa fa-chevron-down fa-fw"></i></a></li>

ho to do this?

[chack1172]

Try to change it with this:

<li style="float: right"><a href='javascript:;' id="sociallink"> Go Social  <i style="font-size: 10px;" class="fa fa-chevron-down fa-fw"></i></a></li> 

[sidd]

Nop I tried it but it doesn't work. Ill try to make one more div class and then insert same in div .