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 vote208 views1 answer
How to make div scrollable horizontal
CSS
1 vote193 views1 answer
Css Use the correct background property to make the background image NOT scroll with the rest of the page.
CSS
22 votes193 views5 answers
Css grid center
CSS
6 votes193 views2 answers
Remove horizontal scrollbar css
CSS
0 vote279 views1 answer
Quitar borde a un boton css
CSS
0 vote210 views1 answer
Tar xz
CSS
23 votes214 views4 answers
Rounded gradient border css
CSS
44 votes196 views6 answers
Textarea disable resize
CSS
0 vote328 views1 answer
This message is shown once a day. To disable it please create
CSS
1 vote203 views1 answer
Detect mobile css
CSS