HTML

<divclass="line-left"><p>HELLO</p>
</div>

縦線をつけたい要素を親要素で囲む必要があります。今回はdivで囲んでみました。

CSS

.line-left{border-left: 3pxsolidred;}

border-left：　太さ　種類　色；
このように、border-leftプロパティを使うことでHELLOの左側に縦線が付きます。

HELLOと線の距離を離したいなら、

.line-left{border-left: 3pxsolidred;padding-left: 10px;}

このように、padding-leftプロパティを入れることで間隔をあけることができます。
ぜひやってみてください！