How do i make a UL center in its div using below code. Have tried
using text-align: center; but makes no difference. .pull-right moves the
nav for me to right as expected but just wanted the nav to stay centered in
the parent div.
.center{
text-align: center;
display: block;
}
<div class="span8">
<div class="nav-collapse">
<ul class="nav center"><li class="active"><a data-toggle="active" href="/"
class="">Home<b class=""> </b></a></li><li class="dropdown"><a
data-toggle="dropdown" href="/index.php/blog/"
class="dropdown-toggle">Blog<b class="caret"> </b></a><ul
class="dropdown-menu"><li class=""><a data-toggle=""
href="/index.php/blog/sub-page/" class="">sub page<b class="">
</b></a></li></ul></li><li class=""><a data-toggle=""
href="/index.php/about-us/" class="">About Us<b class=""> </b></a></li><li
class=""><a data-toggle="" href="/index.php/find-us/" class="">Find Us<b
class=""> </b></a></li></ul>
</div>
</div>
