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 vote82 views1 answer
Html hide text if too long
CSS
6 votes82 views4 answers
Radial gradient css
CSS
0 vote120 views2 answers
Scrollbar not working
CSS
44 votes127 views6 answers
Gradient color css
CSS
0 vote73 views1 answer
Scss add class to body
CSS
0 vote118 views2 answers
Bootstrap 4 scss angular 8
CSS
0 vote123 views1 answer
Table td remove unknown padding in td
CSS
0 vote122 views2 answers
How to make grid css
CSS
1 vote120 views1 answer
Fade other items on hover
CSS
1 vote103 views1 answer
IPhone XS css
CSS