float left will break mobile viewport sizes, while you could specify your float solution, it would add redundant media queries. furthermore, your viewport of 519px does not match any common device widths (apart from user browser resize -- which who cares). perform your testing on common viewports and you should see long username are not an issue (although, haven't tested myself). regardless a better solution would be to truncate ellipsis if there were an issue, at least imo.
Code
width:Xpx;white-space:nowrap;text-overflow: ellipsis; overflow: hidden
obv, requires a specified width.