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 votes144 views2 answers
Cursive css
CSS
66 votes143 views6 answers
Rotate element css
CSS
18 votes149 views4 answers
Css font arial
CSS
65 votes141 views3 answers
Css variables
CSS
0 vote133 views1 answer
Loop Over Array of Objects and Combine them if they have similar keys
CSS
1 vote121 views1 answer
Transition all 0.3s ease-in-out
CSS
-1 vote140 views1 answer
Hwo to use flexbox to make a nav bar
CSS
32 votes116 views3 answers
Add google font
CSS
1 vote137 views2 answers
How to set thickness of hr in html
CSS
0 vote108 views1 answer
New margin property css 2021
CSS