Avatar of Richard Korts
Richard Korts
Flag for United States of America

asked on 

CSS / Bootstrap Borders

This is related to https://www.experts-exchange.com/questions/29215811/No-border-css.html

I have this css:.mb-0 {
  margin-bottom: 0 !important;
.mt-0 {
  margin-top: 0 !important;
And this HTML:

Open in new window

<div class="row mt-0">

   <div class="col-sm-6 col-xs-6">   

   <span style="font-size: 16px;"><b>For Submersible Pumps with water well diameters 4” to 6”</b><br>

   PVC Construction</span><br><br>

   <span style="font-size: 16px;"><b>Flow Range:&nbsp;</b>3-99 GPM (.7 – 23 m3/hr)<br>

   <b>Max Pressure: </b>Up to 150psi (10.3 bar)</span>


   <div class="col-sm-6 col-xs-6" style="border-left:1px; border-color:#004B2C; border-style: solid; border-bottom: 0px; border-top:0px; border-right: 0px;  padding-bottom: 0px;">

   <span style="font-size: 16px;"><b>For Turbine Pumps with water well diameters  6” to 19.25”</b><br>

   Carbon Steel Construction. Available in Stainless</span><br><br>

   <span style="font-size: 16px;"><b>Flow Range: </b>100-3,180 GPM (23- 723 m3/hr)<br>

   <b>Max Pressure: </b>Up to 150psi (10.3 bar)</span>


Which produces the attached.
How do I get rid of the gap in the vertical line separating the two blocks?
vertical gap.PNG

Avatar of undefined
Last Comment
Scott Fell

8/22/2022 - Mon