title: How to display text outside of the box of <div></div>
body: <pre><code> &lt;div class="signup"&gt;
      &lt;div&gt;Tenxian アカウントに必要な情報&lt;/div&gt;&lt;br/&gt;
      &lt;/div&gt;
        &lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;
  
       &lt;div align="center"&gt;@2009 Tenxian      &amp;nbsp;&amp;nbsp;利用規約
      &lt;/div&gt;&lt;br/&gt;
      &lt;div align="center"&gt;&lt;a href="/en/bidding/index.php"&gt;Tenxian·English&lt;/a&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;a href="/cn/bid/index.php"&gt;腾闲·中国&lt;/a&gt;&lt;/div&gt;&lt;br/&gt;&lt;br/&gt;
  </code></pre>
  
  <p>The code of .signup is:</p>
  
  <pre><code>.signup {
      border: 1px solid #99CCFF;
      position: absolute;
      width: 700px;
      height:450px;
      left: 50px;
      right: auto;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 13px;
  
  }
  </code></pre>
  
  <p>The problem is that </p>
  
  <blockquote>
    <p>@2009 Tenxian   利用規約</p>
    
    <p>Tenxian·English       腾闲·中国</p>
  </blockquote>
  
  <p>is displayed in the box of <code>&lt;div class="signup"&gt;&lt;/div&gt;</code>, how to display it out of the box of <code>&lt;div class="signup"&gt;&lt;/div&gt;</code>?</p>
  
  <p>I want to display </p>
  
  <blockquote>
    <p>@2009 Tenxian   利用規約</p>
    
    <p>Tenxian·English       腾闲·中国</p>
  </blockquote>
  
  <p>at the bottom of a web page and outside of the box of <code>&lt;div class="signup"&gt;&lt;/div&gt;</code> . How to do it?</p>
  
  <pre><code> &lt;div style="position:relative"&gt;&lt;div align="center" &gt;@2009 Tenxian      &amp;nbsp;&amp;nbsp;利用規約
  &lt;/div&gt;&lt;br/&gt;
  &lt;div align="center"&gt;&lt;a href="/en/bidding/index.php"&gt;Tenxian·English&lt;/a&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;a href="/cn/bid/index.php"&gt;腾闲·中国&lt;/a&gt;&lt;/div&gt;&lt;br/&gt;&lt;br/&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>does not work.</p>