html - CSS: How to make the border of a <p> tag to be 100 percent on the div tag? -
hello guys using boostrap website , want border take whole width of specific div. have far:
and want make on whole div. tried display:block width:100%
, doesn't want work.
anyone solution ?
css
.borders { border-top: 1px solid #dedbdb; }
html
<div class="row"> <div class="col md-4 borders"> <p><span class="glyphicon glyphicon-user"></span>{numberattending} {numbermaybe} {numbernotattending}</p> </div> </div>
the reason border not taking entire width because row has padding on it.
<div class="row no-padding"> <div class="col md-4 my-styles"> <p><content here.</p> </div> </div> .no-padding { padding: 0; } .my-styles { border-top: 1px solid #dedbdb; padding: 15px; }
Comments
Post a Comment