Stop email address wrapping

app/assets/stylesheets/app.scss

@@ -257,3 +257,7 @@ details .arrow {
   outline: 2px solid $black;
   max-width: 100%;
 }
+
+.nowrap {
+  white-space: nowrap;
+}

app/templates/views/register-from-invite.html

@@ -11,7 +11,10 @@ Create an account
 <div class="grid-row">
   <div class="column-two-thirds">
     <h1 class="heading-large">Create an account</h1>
-    <p>Your account will be created with this email: {{invited_user.email_address}}</p>
+    <p>
+      Your account will be created with this email address:
+      <span class="nowrap">{{invited_user.email_address}}</span>
+    </p>
     <form method="post" autocomplete="off">
       {{ textbox(form.name, width='3-4') }}
       {% if invited_user.auth_type == 'sms_auth' %}

tests/app/main/views/test_accept_invite.py

@@ -264,8 +264,10 @@ def test_new_user_accept_invite_calls_api_and_views_registration_page(
     page = BeautifulSoup(response.data.decode('utf-8'), 'html.parser')
     assert page.h1.string.strip() == 'Create an account'
 
-    email_in_page = page.find('main').find('p')
-    assert email_in_page.text.strip() == 'Your account will be created with this email: invited_user@test.gov.uk'  # noqa
+    assert normalize_spaces(page.select_one('main p').text) == (
+        'Your account will be created with this email address: '
+        'invited_user@test.gov.uk'
+    )
 
     form = page.find('form')
     name = form.find('input', id='name')