0

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

ディスプレイのインラインの問題を解決したため、contact-info をディスプレイ ブロックに変更しようとしましたが、ほとんどが間違っていました。また、要素のパディングとマージンの両方を変更しようとしましたが、効果がないようです。

そして、これがcodepen http://cdpn.io/hAJyFの私のコードです

4

1 に答える 1

1

dt タグの CSS ルールを作成できます。

#contact-info dt{

}

ルールでは、パディングまたはマージンを指定して、それらの間のスペースを増やすことができます。<br />または、それらの間に a を追加して空白行を追加することもできます。

しかし、なぜそこに dt タグを使用しているのかという疑問が生じます。

于 2013-01-23T23:21:17.980 に答える