<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="text-center">Your Profile</h3> <div class="text-right" style="padding-bottom:10px;"> <ul class="moblist_prf"> <li><a href="http://localhost/aparanji_git/public/user/edit_Profile" data-original-title="Edit this user" class="btn btn-info btn-sm" type="button" >Edit Your Profile</a></li> <li><a href="http://localhost/aparanji_git/public/user/Changepassword" data-original-title="Change Password" class="btn btn-danger btn-sm" type="button" >Change Password</a></li> <li><a href="http://localhost/aparanji_git/public/user/Order_history" data-original-title="Change Password" class="btn btn-success btn-sm" type="button" >Order History</a></li> </ul> </div> </div> <div class="panel-body"> <div class="col-xs-12 text-center"> <img alt="User Pic" src="http://localhost/aparanji_git/public/assets/img/no-image.png" class="img-circle"> </div> <table class="table table-bordered"> <tbody> <tr> <td>First Name</td> <td>dev</td> </tr> <tr> <td>Last Name</td> <td>eswar</td> </tr> <tr> <td>Email</td> <td>deveswar@gmail.com</td> </tr> <tr><td>Gender</td> <td>Male</td> </tr> <tr> <td>Address</td> <td>13 maduraib uui uin jndion n oiiouoiu </td> </tr> <tr> <td>City</td> <td>---</td> </tr> <tr> <td>State</td> <td>---</td> </tr> <tr> <td>Country</td> <td>---</td> </tr> <tr> <td>Phone Number</td> <td> 8122119582 </td> </tr> </tbody> </table> </div> </div>

.moblist_prf{ width:100%; padding:0;} .moblist_prf li{floath:left; list-style:none; display:inline;}