Nikhil Raj A Nikhil Raj A - 8 days ago 6
HTML Question

need to remove the dotted line in begining and in between of the text like as in the image?

i need to remove the dotted line in begining and inbetween of the text like as in the image ?
output image

my code
codepen link

<div class="container">
<div class="row menu-items">
<div class="menu-item col-sm-6 col-xs-12">
<div class="clearfix menu-wrapper">
<h4>English asparagus</h4>
<span class="price">$14.95</span>
<div class="dotted-bg"></div>
</div>
<p>pellentesque enim. Aliquam tempor</p>
</div>

Answer

This my suggestion, use this

.menu-item .dotted-bg {
border-top: 2px dotted #ccc;
left: 0;
position: absolute;
top: 15px; 
width: 100%;
z-index: -1;
}

Hi Just remove all line's. Add this two line

.menu-item .dotted-bg {
   border-top: 2px dotted #ccc;
   margin-top:13px;
}
Comments