div를 이용해서 벽? 같은걸 만들수있을까요?

<div>에 style을 적용해서 border중 하나만 적용하면 벽이 생기는 효과를 줄 수있습니다. 세로로 선이 생기는 것이지만요.

* code

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Test</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
<body>

<div style="border-left: solid thick black; width: 500px; height: 300px; ">
    <ul>
        <li>Coffee</li>
        <li>Milk</li>
        <li>Tea</li>

  </ul>
 </div>
    
</body>
</html>