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

164 votes394 views6 answers
Css bold
CSS
8 votes306 views5 answers
Css multicolor background
CSS
7 votes332 views2 answers
Make images same size css
CSS
23 votes322 views5 answers
Center div using flex
CSS
34 votes322 views2 answers
Center a class css
CSS
0 vote306 views1 answer
Css align backround image to the right
CSS
1 vote305 views1 answer
Pseudo class css nth child
CSS
0 vote322 views3 answers
Static backdrop
CSS
0 vote325 views1 answer
Box shadow 2 sides only Clip path
CSS
6 votes317 views2 answers
Css how to prevent horizontal scrolling
CSS