CSS граница только в верхней и нижней части
#element{
border-left:none;
border-right:none;
}
PanosG
#element{
border-left:none;
border-right:none;
}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;
}h2 {
width: fit-content;
}