title: How to add horizontal line over grid
body: <blockquote>
  <p>Hi I want to add horizontal line over the grid.</p>
  <p>My requirement is this.</p>
  </blockquote>
  <p><a href="https://i.stack.imgur.com/HJkiH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HJkiH.png" alt="enter image description here" /></a></p>
  <p>This is 4 column bootstrap grid.</p>
  <p>But i am getting this.</p>
  <p><a href="https://i.stack.imgur.com/HFOHR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HFOHR.png" alt="enter image description here" /></a></p>
  <p>My HTML code is bellow.</p>
  <pre><code> &lt;div class=&quot;row&quot;&gt;
   &lt;hr style=&quot;width:100%;text-align:left;margin-left:0&quot;&gt;
      &lt;spam style=&quot;border-bottom: solid 1px #DEDEDE&quot;&gt;&lt;/spam&gt;
                  &lt;div class=&quot;col-md-5 col-sm-12 col-xs-12 collapsible&quot;&gt;
                      &lt;div class=&quot;row&quot;&gt;
  
                          &lt;div class=&quot;col-md-6 col-sm-6 col-xs-12 wc-footer&quot;&gt;
  
          &lt;ul class=&quot;footer links&quot;&gt;
                  &lt;li style=&quot;font-size: 20px; font-family: Myriad Pro; font-weight: 700; padding-bottom: 20px;&quot;&gt;&lt;b&gt;&lt;?php echo  __('About us')?&gt;&lt;/b&gt;&lt;/li&gt;
                  &lt;hr&gt;
                  &lt;li class=&quot;nav item&quot; href=&quot;#&quot; style=&quot;font-size: 16px; font-family: Myriad Pro; font-weight: 400;&quot;&gt;&lt;a href=&quot;&quot; &gt;&lt;?php echo __('cart')?&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li class=&quot;nav item&quot; href=&quot;#&quot; style=&quot;font-size: 16px; font-family: Myriad Pro; font-weight: 400;&quot;&gt;&lt;a href=&quot;&quot; &gt;&lt;?php echo __('favorate product')?&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li class=&quot;nav item&quot; href=&quot;#&quot; style=&quot;font-size: 16px; font-family: Myriad Pro; font-weight: 400;&quot;&gt;&lt;a href=&quot;&quot; &gt;&lt;?php echo __('About the Group')?&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li class=&quot;nav item&quot; href=&quot;#&quot; style=&quot;font-size: 16px; font-family: Myriad Pro; font-weight: 400;&quot;&gt;&lt;a href=&quot;&quot; &gt;&lt;?php echo __('Business and financial reports')?&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li class=&quot;nav item&quot; href=&quot;#&quot; style=&quot;font-size: 16px; font-family: Myriad Pro; font-weight: 400;&quot;&gt;&lt;a href=&quot;&quot; &gt;&lt;?php echo __('Strategy')?&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li class=&quot;nav item&quot; href=&quot;#&quot; style=&quot;font-size: 16px; font-family: Myriad Pro; font-weight: 400;&quot;&gt;&lt;a href=&quot;&quot; &gt;&lt;?php echo __('Imprint')?&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li class=&quot;nav item&quot; href=&quot;#&quot; style=&quot;font-size: 16px; font-family: Myriad Pro; font-weight: 400;&quot;&gt;&lt;a href=&quot;&quot; &gt;&lt;?php echo __('Cookie statement')?&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li class=&quot;nav item&quot; href=&quot;#&quot; style=&quot;font-size: 16px; font-family: Myriad Pro; font-weight: 400;&quot;&gt;&lt;a href=&quot;&quot; &gt;&lt;?php echo __('Privacy Policy&lt;')?&gt;/a&gt;&lt;/li&gt;
                  &lt;li class=&quot;nav item&quot; href=&quot;#&quot; style=&quot;font-size: 16px; font-family: Myriad Pro; font-weight: 400;&quot;&gt;&lt;a href=&quot;&quot; &gt;&lt;?php echo __('Terms of sale via online store')?&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      
      
        &lt;div class=&quot;col-md-6 col-sm-6 col-xs-12 wc-footer&quot;&gt;
          &lt;ul class=&quot;footer links&quot;&gt;
                  &lt;li style=&quot;font-size: 20px; font-family: Myriad Pro; font-weight: 700; padding-bottom: 20px; &quot;&gt;&lt;b&gt;&lt;?php echo  __('Quick Links') ?&gt;&lt;/b&gt;&lt;/li&gt;
                  &lt;hr&gt;
                  &lt;li class=&quot;nav item&quot; href=&quot;#&quot; style=&quot;font-size: 16px; font-family: Myriad Pro; font-weight: 400;&quot;&gt;&lt;a href=&quot;&quot; &gt;&lt;?php echo __('Imprint')?&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li class=&quot;nav item&quot; href=&quot;#&quot; style=&quot;font-size: 16px; font-family: Myriad Pro; font-weight: 400;&quot;&gt;&lt;a href=&quot;&quot; &gt;&lt;?php echo __('Cookie statement')?&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li class=&quot;nav item&quot; href=&quot;#&quot; style=&quot;font-size: 16px; font-family: Myriad Pro; font-weight: 400;&quot;&gt;&lt;a href=&quot;&quot; &gt;&lt;?php echo __('Privacy Policy')?&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li class=&quot;nav item&quot; href=&quot;#&quot; style=&quot;font-size: 16px; font-family: Myriad Pro; font-weight: 400;&quot;&gt;&lt;a href=&quot;&quot; &gt;&lt;?php echo __('BTerms of sale via online store')?&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
        &lt;/div&gt;
      
  &lt;/div&gt;
  
  &lt;/div&gt;
      
      &lt;div class=&quot;col-md-3 col-sm-6 col-xs-12 wc-footer&quot;&gt;
          &lt;ul class=&quot;footer links&quot;&gt;
                  &lt;li style=&quot;font-size: 20px; font-family: Myriad Pro; font-weight: 700; padding-bottom: 20px; &quot;&gt;&lt;b&gt;&lt;?php echo __('Pratite nas')?&gt;&lt;/b&gt;&lt;/li&gt;
                  &lt;hr&gt;
                  &lt;li class=&quot;nav item&quot; href=&quot;#&quot; style=&quot;font-size: 16px; font-family: Myriad Pro; font-weight: 400; padding-bottom: 20px;&quot;&gt;&lt;a href=&quot;&quot; &gt;&lt;img src='&lt;?php echo $this-&gt;getViewFileUrl('images/facebook.png'); ?&gt;'  style=&quot;margin-right:30px; display: inline-block;
                      vertical-align: middle;&quot;&gt;&lt;?php echo __('Facebook')?&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li class=&quot;nav item&quot; href=&quot;#&quot; style=&quot;font-size: 16px; font-family: Myriad Pro; font-weight: 400; padding-bottom: 20px;&quot;&gt;&lt;a href=&quot;&quot; &gt;&lt;img src='&lt;?php echo $this-&gt;getViewFileUrl('images/linkedin.png'); ?&gt;'  style=&quot;margin-right:20px; display: inline-block;
                      vertical-align: middle;&quot;&gt;&lt;?php echo __('Linkedin')?&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li class=&quot;nav item&quot; href=&quot;#&quot; style=&quot;font-size: 16px; font-family: Myriad Pro; font-weight: 400; padding-bottom: 20px;&quot;&gt;&lt;a href=&quot;&quot; &gt;&lt;img src='&lt;?php echo $this-&gt;getViewFileUrl('images/youtube.png'); ?&gt;'  style=&quot;margin-right:15px; display: inline-block;
                      vertical-align: middle;&quot;&gt; &lt;?php echo __('YouTube')?&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;li class=&quot;nav item&quot; href=&quot;#&quot; style=&quot;font-size: 16px; font-family: Myriad Pro; font-weight: 400;&quot;&gt;&lt;a href=&quot;&quot; &gt;&lt;img src='&lt;?php echo $this-&gt;getViewFileUrl('images/instagram.png'); ?&gt;'  style=&quot;margin-right:15px; display: inline-block;
                      vertical-align: middle;&quot;&gt; &lt;?php echo __('Instagram')?&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
      &lt;/div&gt;
  
  &lt;div class=&quot;col-md-4 col-sm-6 col-xs-12 wc-footer&quot;&gt;
      &lt;ul class=&quot;footer links&quot;&gt;
                  &lt;li style=&quot;font-size: 20px; font-family: Myriad Pro; font-weight: 700; padding-bottom: 20px;&quot;&gt;&lt;b&gt;&lt;?php echo __('Kontakt')?&gt;&lt;/b&gt;&lt;/li&gt;
                  &lt;hr&gt;
                  &lt;li style=&quot;font-size: 16px; font-family: Myriad Pro; font-weight: 400;&quot;&gt;&lt;div&gt;&lt;?php echo __('For offers or inquiries call our toll-free number 0800 4260.')?&gt;&lt;/div&gt;&lt;/li&gt;
                  
                  &lt;li style=&quot;font-size: 16px; font-family: Myriad Pro; font-weight: 400; padding-bottom: 20px;&quot;&gt;&lt;div&gt;&lt;?php echo __('MON - FRI from 08:00 - 16:00')?&gt;&lt;/div&gt;&lt;/li&gt;
  
                  
      &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  <p>I want know how can i add horizontal  line over the box.
  Basically i want a overly layer of horizontal line over the grid.</p>
  <p>any help appreciated.</p>