html - 如何增加dt标签之间的间距

Question

我无法弄清楚如何通过 css 增加这些 dt 标签之间的间距这是我的 html

   <div id="wrapper">
      <div id="content">

        <d1 id ="contact-info"><dt><h2>FIND OUT MORE ABOUT US</h2></dt>
          <dt><h2>AND OUR SERVICES:</h2></dt>

         <dt><h1>CLX Exchange Accommodators, Inc.</h1></dt>

          <dt>970 Main Avenue</dt>
         <dt>Durango, CO 81301</dt>
         <dt>(877) 776-1031 </dt>
         <dt>(970) 247-5464</dt>
         <dt>FAX (970) 247-0105</dt>
           <dt>E-mail: info@1031clx.com</dt>
        </d1>
      </div>
      <!--End of content -->
      <div id="footer">
         <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="whatIs1031.html">What is a 1031 Exchange?</a></li>
            <li><a href="exchangeRequ.html">
               1031 Exchange Requirements</a>
            </li>
            <li><a href="typesOfExchange.html">Types of Exchanges</a></li>
            <li><a href="howToStart.html">How to get Started</a></li>
            <li><a href="whyCLX.html">Why CLX?</a></li>
            <li><a href="resources.html">Resources</a></li>
            <li><a href="fAQs.html">FAQs</a></li>
            <li><a href="fees.html">Fees</a></li>
            <li><a href="contactUs.html">Contact Us</a></li>
         </ul>
      </div>
      <!--end of footer -->
   </div>
   <!--End of Wrapper -->

我试过将联系信息更改为显示 block ，因为我发现了在线显示问题，但我大部分都错了。我也尝试修改元素的填充和边距，但似乎没有效果。

这是我在 codepen 上的代码 http://cdpn.io/hAJyF

Answer 1

您可以为 dt 标签创建一个 css 规则:

#contact-info dt{

}

在规则中，您可以指定填充或边距以增加它们之间的空间。或者，您可以添加 <br />在它们之间添加一个空行。

这确实回避了一个问题，即您为什么要在那里使用 dt 标签。