Half border bottom

div {
    width: 500px;
    height: 100px;
    position: relative;
    padding-top: 20px;
    margin-top: 50px;
}

div::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    left: 25%;
    border-top: 1px solid red;
}

Source: stackoverflow.com

Similar codes

0 vote232 views1 answer
Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.
CSS
0 vote260 views1 answer
Remove focus blue lines from anchor tag
CSS
1 vote248 views2 answers
How to reverse array of object
CSS
0 vote262 views3 answers
Navigation sidebar animated
CSS
0 vote252 views1 answer
Underlined style for a link
CSS
80 votes271 views2 answers
Text-transform
CSS
6 votes280 views2 answers
Removing the unwanted border button css
CSS
0 vote250 views1 answer
How to make my list unstyled
CSS
7 votes260 views3 answers
Make text unselectable css
CSS
68 votes315 views6 answers
Flex
CSS