Aligning The User-icon And User-name To Left

I have a drop-down at the right with a icon, user-name and a right arrow. Its not getting aligned properly.

Copy

After doing the above, it still would not get perfectly aligned to the left because there are some margins and padding added. To nullify these you can add the below code.

.navbar-collapse{
  padding: 0;
}
.navbar-left{
  margin: 0;
  padding: 0;
}

Side Note: Your output doesn't show up in the edit version probably because your output comes up only in wide screen mode and during edit the other tabs like HTML/CSS/JS are being shown which makes the output screen not be full width.

JS Bin Demo

Share