<dl class="govuk-summary-list lbh-summary-list">
<div class="govuk-summary-list__row">
<dt class="govuk-summary-list__key">
Name
</dt>
<dd class="govuk-summary-list__value">
Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky
</dd>
<dd class="govuk-summary-list__actions">
<ul class="govuk-summary-list__actions-list">
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Buy</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Use</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Break</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Fix</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Trash</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Change</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Mail</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Upgrade</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Charge</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Point</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Coom</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Press</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Snap</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Work</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Quick</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Erase</a>
</li>
</ul>
</dd>
</div>
<div class="govuk-summary-list__row">
<dt class="govuk-summary-list__key">
Long website address
</dt>
<dd class="govuk-summary-list__value">
<a class="govuk-link" href="https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>
</dd>
<dd class="govuk-summary-list__actions">
<a class="govuk-link" href="#">
Change<span class="govuk-visually-hidden"> long website address</span>
</a>
</dd>
</div>
<div class="govuk-summary-list__row">
<dt class="govuk-summary-list__key">
Long email address
</dt>
<dd class="govuk-summary-list__value">
<a class="govuk-link" href="mailto:webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com">webmaster@llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.com</a>
</dd>
<dd class="govuk-summary-list__actions">
<a class="govuk-link" href="#">
Change<span class="govuk-visually-hidden"> long email address</span>
</a>
</dd>
</div>
<div class="govuk-summary-list__row">
<dt class="govuk-summary-list__key">
No wrapping allowed
</dt>
<dd class="govuk-summary-list__value">
<p class="govuk-body" style={{whiteSpace: 'nowrap'}}>michelle.longish.name@example.com</p>
</dd>
<dd class="govuk-summary-list__actions">
<a class="govuk-link" href="#">
Change<span class="govuk-visually-hidden"> no wrapping allowed</span>
</a>
</dd>
</div>
<div class="govuk-summary-list__row">
<dt class="govuk-summary-list__key">
Pneumonoultramicroscopicsilicovolcanoconiosis
</dt>
<dd class="govuk-summary-list__value">
<p class="govuk-body">Pneumonoultramicroscopicsilicovolcanoconiosis is a word coined by the president of the National Puzzlersโ League as a synonym for the disease known as silicosis. It is the longest word in the English language published in a dictionary, the Oxford English Dictionary, which defines it as "an artificial long word said to mean a lung disease caused by inhaling very fine ash and sand dust."</p>
<p class="govuk-body">Silicosis is a form of occupational lung disease caused by inhalation of crystalline silica dust, and is marked by inflammation and scarring in the form of nodular lesions in the upper lobes of the lungs. It is a type of pneumoconiosis.</p>
</dd>
<dd class="govuk-summary-list__actions">
<ul class="govuk-summary-list__actions-list">
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Write</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Cut</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Paste</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Save</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Load</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Check</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Quick</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Rewrite</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Plug</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Play</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Burn</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Rip</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Drag and drop</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Zip</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Unzip</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Lock</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Fill</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Curl</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Find</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
View</a>
</li>
</ul>
</dd>
</div>
<div class="govuk-summary-list__row">
<dt class="govuk-summary-list__key">
Its vanished trees, the trees that had made way for Gatsbyโs house, Pneumonoultramicroscopicsilicovolcanoconiosis had once pandered in whispers to the last and greatest of all human dreams; for a transitory enchanted moment man must have held his breath in the presence of this continent, compelled into an aesthetic contemplation he neither understood nor desired, face to face for the last time in history with something commensurate to his capacity for wonder.
</dt>
<dd class="govuk-summary-list__value">
The Great Gatsby
</dd>
<dd class="govuk-summary-list__actions">
<ul class="govuk-summary-list__actions-list">
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Code</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Jam</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Unlock</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Surf</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Scroll</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Pose</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Click</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Cross</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Crack</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Twitch</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Update</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Name</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Read</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Tune</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Print</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Scan</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Send</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Fax</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Rename</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Touch</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Bring</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Pay</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Watch</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Turn</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Leave</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Stop</a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">
Format</a>
</li>
</ul>
</dd>
</div>
</dl>