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 vote130 views1 answer
How to add css using nativeelement in angular
CSS
2 votes129 views1 answer
Coustomize srollbar
CSS
0 vote94 views1 answer
Html.css.js
CSS
0 vote126 views1 answer
Truncate long line with dots
CSS
1 vote91 views1 answer
Div styles
CSS
3 votes208 views1 answer
How to use bulma in gatsby
CSS Bulma
0 vote136 views1 answer
How to do stuff in css
CSS
0 vote149 views1 answer
Protéger les fichiers .htaccess et .htpasswds
CSS
4 votes146 views2 answers
Bootstrap Image thumbnails
CSS Bootstrap
0 vote135 views1 answer
White block on the left css
CSS