Arrange container content positioning

Question

I have small container with the users name aligned all the way to the left, and as the name becomes larger i want the text to move the left therefore taking up empty space. How can i do this.

What i have right now:

.namelist {
 margin-left:300px;
 }

Answer 1

Let me know if this helps

.namelist {
    width: 100%;
    text-align: right;
}