<!DOCTYPE html>
<html>
<head>
<style>
dl { margin-bottom: 1rem;
font-family: arial;
}
dt { margin-bottom: 0.5rem;
font-weight: bold;
}
dd { margin-left: 0;
}
.styleMe { padding: 1rem;
background: yellow;
margin-bottom: 1rem;
max-width: 400px;
}
</style>
</head>
<body>
<h1>Example: Wrap each inner td and dd elements in a div to aid styling</h1>
<dl>
<div class="styleMe">
<dt>HTML</dt>
<dd>
HTML is short for Hypertext Markup Language and is the standard markup
language used when creating web pages.
</dd>