<div class="emergency-banner emergency-banner--<%= campaign_class %> dont-print" role="banner" data-nosnippet>
  <div class="govuk-width-container">
    <div class="govuk-grid-row">
      <div class="govuk-grid-column-two-thirds">
        <h2 class="emergency-banner__heading"><%= heading %></h2>
        <% if short_description %>
          <p class="emergency-banner__description"><%= short_description %></p>
        <% end %>
        <% if link %>
          <a href="<%= link %>" class="emergency-banner__link govuk-link"><%= link_text %></a>
        <% end %>
      </div>
    </div>
  </div>
</div>

<div class="emergency-banner emergency-banner--<%= campaign_class %> dont-print" role="banner" data-nosnippet>
  <div class="govuk-width-container">
    <div class="govuk-grid-row">
      <div class="govuk-grid-column-full">
        <h2 class="emergency-banner__heading"><%= heading %></h2>
        <% if short_description %>
          <p class="emergency-banner__description"><%= short_description %></p>
        <% end %>
        <% if link %>
          <a href="<%= link %>" class="emergency-banner__link govuk-link"><%= link_text %></a>
        <% end %>
      </div>
    </div>
  </div>
</div>

Use a wider div to wrap banner text
Use a wider div to wrap banner text

Currently, `govuk-grid-column-two-thirds` knocks the 'II' onto a second
line for the Queens death emergency banner. Using three thirds keeps all
the text on a single line.
