SOURCE

<div class="item">
	<div class='one'></div>
	<div class='two'></div>
	<div class='three'></div>
</div>

.item {
    position:relative;width:100px;margin:0 auto;
}
.one {
    width: 50px;
    height: 86.6px;
    margin: 0 auto;
    border-top: 1px solid red;
    border-bottom: 1px solid red;
    /* border: 1px solid red; */
}

.two {
    position: absolute;
    width: 50px;
    height: 86.6px;
    left: 25px;
    top: 0;
    transform: translate(-50%, -50%);
    transform: rotate(60deg);
    border-top: 1px solid red;
    border-bottom: 1px solid red;
    /* border: 1px solid red; */
}

.three {
    position: absolute;
    width: 50px;
    height: 86.6px;
    left: 25px;
    top: 0;
    transform: translate(-50%, -50%);
    transform: rotate(300deg);
    border-top: 1px solid red;
    border-bottom: 1px solid red;
    /* border: 1px solid red; */
}