SOURCE

<div class="flex-box">
    <div class="flex-box-item">
        <input type="">
        <div class="border-box bl bb"></div>
        <div class="text">sdad</div>
    </div>
        <div class="flex-box-item">
        <input type="">
        <div class="border-box bl bb"></div>
        <div class="text">sdad</div>
    </div>
        <div class="flex-box-item">
        <input type="">
        <div class="border-box bl bb"></div>
        <div class="text">sdad</div>
    </div>
        <div class="flex-box-item">
        <input type="">
        <div class="border-box bl bb"></div>
        <div class="text">sdad</div>
    </div>
</div>

.flex-box {
    width: 100%;
    display: flex;
    flex-direction: row;
}
.flex-box-item {
    flex: 1;
    text-align: right;
}

input {
    width: 50%;
    transform: translateX(50%);
}

.border-box {
    height: 10px;
}
.bl {
    border-left: 1px solid red;
}
.bb {
    border-bottom: 1px solid red;
}
.text {
    text-align: center;
}