Wie füge ich ein Div zwischen zwei Divs ein?

Question

Ich habe zwei kleine divs an den beiden linken und rechten Ecken meiner Seite. Da ist viel Platz zwischen ihnen. Ich möchte diesen ganzen Raum mit einem anderen div besetzen. Hier

ist der CSS-Code:

.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;' 
} 

und der HTML-Code:

<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

Wenn Sie versuchen, den Raum zwischen ihnen zu entfernen, sollten Sie einfach eingestellt Schwimmer auf jedem links von ihnen.

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