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

4 votes346 views4 answers
Change placeholder color
CSS
6 votes361 views2 answers
Css border opacity
CSS
1 vote363 views1 answer
Remove grayscale no filter css
CSS
0 vote395 views1 answer
Css transparent background behind text
CSS
0 vote371 views1 answer
Sticky header not working chrome
CSS
6 votes365 views4 answers
Backdrop filter css
CSS
0 vote327 views1 answer
How to load css
CSS
1 vote345 views1 answer
Serve : File C:\Users\MY PC\AppData\Roaming\npm\serve.ps1 cannot be loaded because running scripts is disabled on this system
CSS
3 votes344 views2 answers
How to give shadow to navbar
CSS
-1 vote304 views1 answer
Minifoie css
CSS