bootstrap navbar dropdown is aligning to the right - php

Question

need help, i have here my code for my navbar with some php codes, one problem is the texts is aligning to the right . and i cant find the solution to this. i cant attach the css . ill attach it later after i post this . thanks a lot for those who can help me :)
<h1>HTML</h1>
<div class="container">
<nav class="navbar navbar-custom" role="navigation">
<div class="navbar-header">
<button type ="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="login_success.php"><img src="litrato/seal.png" HEIGHT="20" WIDTH="20" BORDER="0"></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li >HOME </li>
<li class="active">CABECS </li>
<li>CON </li>
<li>COE </li>
<li>CASE </li>
<li>BED </li>
</ul>
<form class="navbar-form navbar-left" role="search" action='' method='post'>
<div class="form-group">
<input type="text" class="form-control" placeholder="Search" name='cisearch'>
</div>
<button class="btn btn-default glyphicon glyphicon-search" name='searchcabecs'></button>
</form>
<?php
include('connect.php');
if(isset($_POST['searchcabecs'])){
echo "<div style=' position:absolute; z-index:1; top:100%; left:21%; height:400%; width:50%; overflow: scroll; overflow-x: hidden; background-color:FFFFFF;'>";
echo"<table border=1 style='position:absolute; z-index:1; top:0%; left:0%; height:2%; width:100%; background-color:FFFFFF; border:2px solid yellow; border-radius: 3px; '>";
echo "<tr><td>RESULT :<button onclick=\"window.location.href='cabecs.php';\" style=' color:red; float:right;'>x</button></td></tr>";
$csearch = $_POST['cisearch'];
$search = mysql_query("SELECT * FROM addtopic where add_topic LIKE '%$csearch%' AND department = 'CABECS' ");
while($rows = mysql_fetch_array($search))
{
echo "<tr>";
echo "<form method='GET' id='view' action= 'view.php' >";
echo "<input type='hidden' name='supporttype' />";
echo "<td><div style='width:700px; height:100px; word-break: break-all; white-space: normal;'><p style='float:left;'></br>TOPIC: <input type='submit' value='$rows[add_topic]' style='background: #ffffff url(litrato/transparent.png); outline: FFFFFF; background-size: 60px auto; background-size: 100%; border:0; border: none; width:100%; height:100%;'>"."<input type='text' name='topic_id' value='$rows[topic_id]' hidden><input type='text' name='name' value='$name' hidden> <input type='text' name='addtopic' value='$rows[add_topic]' hidden>"."</a></p></div></td>";
echo "</form></tr>";
}
echo "</table></div>";
}
?>
<ul class="nav navbar-nav navbar-right">
<p class="navbar-text navbar-left">Signed in as <?php echo $name?></p>
<li>About Us </li>
<li class="dropdown">
<ul class="dropdown-menu" role="menu">
<li>View Profile</li>
<li>Edit Profile</li>
<li class="divider"></li>
<li>Log Out</li>
</ul>
</li>
</div>
</ul>
</div>
</nav>
</div>

Answer 1

Probably a text-align or float in the CSS