2つのdivの間にdivを挿入するにはどうすればよいですか？

Question

私のページの左右2隅に2つの小さいdivがあります。それらの間には多くのスペースがあります。私は別の部門のすべてのスペースを占有したい。ここで

は、CSSコードです：

.signatureBox{ 
    border-radius: 5px; 
    border-width: 1px; 
    border-style: solid; 
    border-color: rgb(128, 128, 128); 
    min-width: 200px; 
    min-height: 65px; 
    padding: 3px; 
    display: block;' 
} 

とHTMLコード：

<div class='signatureContainer'> 
    <span class='signatureBox' style='float: left;' > 
      <span>employee</span> 
      <hr style='margin-top: 70px;' /> 
      <span>Role</span> 
    </span> 
    <span class='signatureBox' style='float: left'> 
      <span>employee</span> 
      <hr style='margin-top: 70px;' /> 
      <span>Role</span> 
    </span> 
    <span class='signatureBox' style='float: right'> 
      <span> &nbsp; </span> 
      <hr style='margin-top: 70px;' /> 
      <span> Master &nbsp; </span> 
    </span> 
</div> 

Answer 1

あなたがそれらの間のスペースを削除しようとしている場合、あなたは、単に一人一人の上に左にフロートを設定する必要がありますそのうちの。

<div class='signatureContainer'> 
<span class='signatureBox' style='float: left;' > 
     <span>employee</span> 
     <hr style='margin-top: 70px;' /> 
     <span>Role</span> 
</span> 
<span class='signatureBox' style='float: left'> 
     <span>employee</span> 
     <hr style='margin-top: 70px;' /> 
     <span>Role</span> 
</span> 
<span class='signatureBox' style='float: left'> 
     <span> &nbsp; </span> 
     <hr style='margin-top: 70px;' /> 
     <span> Master &nbsp; </span> 
</span>