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 -->

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

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

Answer 1

您可以为dt标记创建一个css规则：

#contact-info dt{

}

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

这确实提出了一个问题，即为什么你在那里使用dt标签。

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

1 个答案: