Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

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

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>

Answers

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

Sign In or Register to comment.