title: Responsive box with border lines
body: <p>I am trying to make this exact box with borders lines. you can see after H2 there is new border line and then a paragraph. Please tell me how do I make this? as when I do it with <code>border-bottom:1px solid</code> it just makes a lines but doesn't touch the edges of the main border. here I am attaching the image so you can better understand this here you can see <a href="http://i.stack.imgur.com/fl7vQ.jpg" rel="nofollow">image</a></p>
  
  <p>my code</p>
  
  <pre><code>    &lt;div class="col-sm-8 col-sm-offset-2" id="house"&gt;
              &lt;h3 class="text"&gt;Our house packages include:&lt;/h3&gt;
  
              &lt;ul class="lead text" id="list"&gt;
              &lt;li&gt;Standard site costs (based on 500mm fall to site &amp; ‘M’ Class slab)&lt;/li&gt;
              &lt;li&gt;Rainwater Tank or connection to recycled water where available.&lt;/li&gt;
              &lt;li&gt;Concrete driveway (up to 55sqm)&lt;/li&gt;
              &lt;li&gt;Tiled Front Porch&lt;/li&gt;
              &lt;li&gt; Internal Floor Coverings&lt;/li&gt;
              &lt;li&gt; 5+ star gas instantaneous HWS&lt;/li&gt;
              &lt;li&gt;Wall &amp; Ceiling insulation&lt;/li&gt;
              &lt;li&gt;‘Classic’ range of inclusions&lt;/li&gt;
              &lt;/ul&gt;
               &lt;img src="images/landing.jpg" alt="landing Image"&gt;
  &lt;p class="note"&gt;NB. Please note that all packages are subject to developer and/or council and statutory authorities’ approvals.&lt;/p&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#house {
  border: 1px solid black;
  background:white;
  }
  
  #house h3 {
  border-bottom:1px solid;
  font-size:28px;
  font-weight:bold;
  margin:10px;
  }
  
  #list {
  font-size:15px;
  margin:15px;
  padding:15px;
  position:relative;
  right:20px;
  text-align:left;
  
  }
  
  #house img {
  width:40%;
  position:relative;
  left:500px;
  bottom:260px;
  }
  </code></pre>
  
  <p>please tell me how do I make border lines after heading and after list. please take a look into image. It should be responsive. </p>
  
  <p>thank you all</p>