html - How to add a single border for 2 divs next to each other? -
first thing, sorry if it's dumb question... have created 2 divs, 1 on left of page, other 1 on right. problem is, want put single border around 2 divs (and not 1 border each div). don't know how target 2 divs , make border surround both divs 1 element.
here html:
    <div class="left2">          <img src="images/mistake.jpg" class="img2"/>      </div>      <div class="right2">          <p>###########</p>      </div> and here css:
div.right2 {     width: 40%;      padding: 2% 5% 0 0;     float: right; }  div.left2 {     width: 40%;      padding: 2% 0 0 5%;     float: left;     padding-bottom: 50px; } thank help!!
one way put both of divs in outer div , make border around that.
html:     <div id="outer">        <div id = "left"></div>        <div id = "right"></div>     </div> 
css:     #outer {         border: 1px solid red;     }     #left { ... }     #right { ... } 
Comments
Post a Comment