＼バンザイ／ 文字の横に斜め線を付ける

index.html

<div class="parent">
    <p>テキストテキスト<br>
        テキストテキスト
    </p>
</div>

style.css

.parent{
    position: relative;
    display: inlinde-block;
}
.parent::before {
    position: absolute;
    left: -1em;
    top: 0;
    content: '';
    width: 2px;
    height: 100%;
    background-color: #000;
    border-radius: 3px;
    fransform: rotare(-30deg);
}
.parent::after {
    position: absolute;
    right: -1em;
    top: 0;
    content: '';
    width: 2px;
    height: 100%;
    background-color: #000;
    border-radius: 3px;
    fransform: rotare(30deg);
}