    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      <title>리스트 꾸미기</title>
      <style>
        ul {
          font-size: 18px;
          background-color: #d9fbfd;
          padding: 10px;
          margin: 10px;
        }
        .list-bar li {
          display: inline-block;
          list-style-type: none;
          margin-right: 30px;
        }
      </style>
    </head>
    <body>
      <ul>
        <li style="list-style-type: square">프랑스</li>
        <li style="list-style-type: circle">이탈리아</li>
        <li style="list-style: disc inside">체코</li>
      </ul><br>
      <ul class="list-bar">
        <li>프랑스</li>
        <li>이탈리아</li>
        <li>체코</li>
      </ul>
    </body>
    </html>