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 vote377 views1 answer
Side nav bar in materialize css
CSS
16 votes343 views4 answers
Arrow left css
CSS
0 vote344 views1 answer
Inline list css without floats
CSS
13 votes333 views5 answers
How to add text stroke in css
CSS
13 votes363 views4 answers
How to print background bootstrap
CSS
-1 vote343 views2 answers
Css lock scroll
CSS
0 vote382 views1 answer
Line cap css
CSS
57 votes402 views4 answers
Css hover rounded corners
CSS
9 votes361 views3 answers
Grid repeat css
CSS
1 vote379 views1 answer
Make web page float to center of page
CSS