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

2 votes103 views2 answers
Mongoose populate selected fields
CSS
0 vote109 views1 answer
Scrollbar with 2 different colors on same page css
CSS
0 vote125 views2 answers
How to bring a text in middle center of a tile css in anchor tag inline elements
CSS
0 vote100 views1 answer
Redesign html select
CSS
0 vote109 views1 answer
Add more than 2 css jquery
CSS
11 votes129 views4 answers
Background image css fill screen
CSS
0 vote140 views1 answer
Adding active Class with JavaScript
CSS
0 vote101 views1 answer
Html input type colour internal border
CSS
1 vote111 views1 answer
Css media queries pc and mobile
CSS
6 votes111 views2 answers
How to make a division center css
CSS