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

1 vote262 views1 answer
How to verticaly align items in a HTML container
CSS
0 vote241 views1 answer
Add border to the array
CSS
0 vote245 views1 answer
Css start animation on hover
CSS
2 votes228 views2 answers
Slick arrow css
CSS
0 vote234 views2 answers
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15);
CSS
1 vote264 views1 answer
How to write css like a pro
CSS
6 votes243 views3 answers
Inner box shadow
CSS
1 vote242 views1 answer
Pagination html css how to working
CSS
0 vote237 views1 answer
Quitar flecha summary html css
CSS
22 votes244 views5 answers
Grid center css
CSS