I have Html like this:
<!DOCTYPE html>
<html id="LXHtml">
<head id="LXHead"><Link Rel="STYLESHEET" HRef="bootstrap.min.css" Type="text/css"></Link>
<Style>
.MenuNew
{
font-weight: normal;
font-size: 13px;
white-space: nowrap;
margin-left: 5px;
margin-right: 5px;
}
.dropdown:hover .dropdown-menu
{
margin-top: 4px;
}
.dropdown-toggle
{
color: #666666;
}
.nav
{
color: #666666;
font-weight: normal;
font-size: 13px;
display: table-cell;
line-height: 9px;
}
.nav-pills>li>a:hover
{
background-color: transparent;
opacity: 0.5;
color: #666666;
}
.nav-pills>li>a
{
padding: 4px;
border-radius: 0px;
opacity: 1;
}
.nav>li>a:focus
{
color: #666666;
background-color: transparent;
}
</Style>
<FONT CLASS=MenuNew>
Recherche</a> |
<ul class="nav nav-pills">
<li class="dropdown">Recent</li>
</ul>
</font>In IE, Firefox and Chrome, the Recent item in standing on the same line. In Safari, this is wrapping. Anyone would have any idea on how to avoid the wrapping?
