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

1 vote186 views1 answer
Remove site title squarespace
CSS
0 vote157 views1 answer
Multiple css media queries
CSS
0 vote159 views1 answer
Css dashed double border
CSS
7 votes163 views2 answers
Css list remove dot
CSS
10 votes165 views2 answers
Css how to change font colr
CSS
0 vote176 views2 answers
List-style-image size
CSS
0 vote157 views1 answer
Css tricks macos spaces in dock
CSS
35 votes257 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS Bootstrap
25 votes192 views4 answers
Text shadow effect
CSS
0 vote168 views1 answer
Width 33 css
CSS