
<!DOCTYPE html>
<html>
<head>
<style>


body{background-color:#FFD9EC;}

dl{counter-reset:title ;}

dt:before{counter-increment:title; 
content:counter(title);
   padding: 1px 2px;
   margin-right: 0.2em;
   background: #ffc;
   border: 1px solid #999;
   
}
</style>
</head>
<body>

 
<dl>
  <dt>남대문</dt>
    <dd>남대문은..</dd>
  <dt>동대문</dt>
    <dd>동대문은..</dd>
  <dt>서대문</dt>
    <dd>서대문은..</dd>
</dl>

 

</body>
</html>