What is the correct code to place two div on the same line on "Before Content" and "After Content"

Prosper

I want to place two div codes on the same line (horizontally) on "Before Content" and "After Content" using the "Pocket" addon but got stucked on the css. Please can someone help out with the correct code?

   <style type="text/css">
.div1 {  
   height: 106px;
   width: 315px; 
   margin-right: auto;
   margin-left: auto; 
   background-color:#D98134;    
   margin-top: 0px;
   margin-bottom: 8px; 
    }
.div2 {  
   height: 106px;
   width: 315px;  
   right: 20px;
   margin-right: auto;
   margin-left: auto; 
   background-color:#D98134;   
     }
</style>
<div class="div1" >
</div>
<div class="div2" >
</div>

Prosper

oh I just figured out that display: inline-block; can do the trick.