<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
dl {
border: 1px double #000;
padding: 10px;
}
dt {
float: left;
clear: left;
width: 100px;
text-align: right;
font-weight: bold;
color: #112b80;
}
dt::after {
content: ":";
}
dd {
margin: 0 0 0 110px;
padding: 0 0 0.5em 0;
}
</style>
</head>
<body>
<dl>
<dt>CSS</dt>
<dd>Cascading Style Sheets</dd>
<dt>HTML</dt>
<dd>HyperText Markup Language</dd>
</dl>
</body>
</html>