Use break-all to avoid unnecessary line breaks

Author: di

warehouse/templates/accounts/profile.html

@@ -24,13 +24,14 @@
         <img src="{{ gravatar(request, user.email, size=225) }}" alt="{{ alt }}" title="{{ alt }}">
         <div class="author-profile__info">
           {% if user.name %}
-          <h1 class="author-profile__name">{{ user.name }}</h1>
+          <h1 class="author-profile__name break">{{ user.name }}</h1>
           {% endif %}
           <div class="author-profile__meta">
             <p>
               <i class="fa fa-user-circle" aria-hidden="true"></i>
               <span class="sr-only">{% trans %}Username{% endtrans %}</span>
-              &nbsp;&nbsp;{{ user.username }}
+              &nbsp;&nbsp;
+              <span class="break">{{ user.username }}</span>
             </p>
             {% if user.date_joined %}
             <p>