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 vote290 views1 answer
Css print landscape
CSS
0 vote315 views1 answer
Scss if
CSS
2 votes301 views2 answers
Css properties
CSS
0 vote298 views1 answer
How to overwrite a css importnat
CSS
0 vote284 views2 answers
Using materialize css with react
CSS
1 vote316 views1 answer
How to add 2 text shadows
CSS
52 votes292 views4 answers
Rgba green color
CSS
44 votes299 views6 answers
Select odd child css
CSS
22 votes317 views5 answers
Grid center
CSS
0 vote304 views1 answer
How to draw rhombus in css
CSS