/CSS/How to set border length in css without div

How to set border length in css without 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 vote357 views1 answer
How to set box into another box using html and css
CSS
0 vote405 views1 answer
How to make multiple borders using box shadow in css
CSS
20 votes350 views2 answers
No select css
CSS
3 votes334 views3 answers
Use css to replace icon with text when hover
CSS
-1 vote356 views1 answer
Bootstrap scrollable modal
CSS
5 votes307 views1 answer
Css cheat sheet
CSS
1 vote375 views1 answer
Css color of input
CSS
1 vote347 views1 answer
Css different sreen size
CSS
0 vote330 views1 answer
Unclickable button
CSS
185 votes534 views6 answers
Attach css file to html
CSS