Border-bottom smaller div

div {
  width   : 200px;
  height  : 50px;   
  position: relative;
  z-index : 1;
  background: #eee;
}

div:before {
  content : "";
  position: absolute;
  left    : 0;
  bottom  : 0;
  height  : 1px;
  width   : 50%;  /* or 100px */
  border-bottom:1px solid magenta;
}

Source: stackoverflow.com

Similar codes

0 vote279 views3 answers
Sphinx css templates
CSS
0 vote265 views2 answers
Css hexagon with text inside
CSS
3 votes250 views1 answer
Mettre une image au milieu css
CSS
12 votes266 views3 answers
Css change color
CSS
0 vote248 views1 answer
Css how to center images in a table cell
CSS
0 vote266 views1 answer
Css distance between text and input box
CSS
22 votes270 views5 answers
Grid center css
CSS
12 votes258 views4 answers
Sticky header
CSS
0 vote264 views1 answer
Html how to ensure that the header always on top
CSS
38 votes286 views4 answers
Css pointer event
CSS