Как вставить div между двумя divs?

Question

У меня есть два небольших divs в двух левых и правых углах моей страницы. Между ними много места. Я хочу занять все это пространство с помощью другого 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>