do it! html을 하고 있는데요 :)

예제처럼 이뿌게 정렬되게 하고 싶은데 책에서는 아직까지 CSS는 잘 안 가르쳐주네요 ㅠㅡㅠ

추측으로는 head에 넣는 style이 css인듯 싶은데..! 조금이나마 간략하게나마 대략이나마.. 설명해주실 분..

코드는 매우 간단한.. form 예제입니당!

<!doctype html>
<html lang = "ko">
    <head>
        <meta charset = "utf-8">
        <title> 4장 예제</title>
        <style>
            ul{
                list-style: none;
            }
            
        </style>
    </head>
    
    <body>
    <h2> 회원 가입</h2>
    
        <form>

            <fieldset>
            <legend> 로그인 정보 </legend>
            <ul>

            <li>
            <label>아이디: <input type = "text"> </label>
            </li>

            <li>
            <label>비밀번호: <input type = "password"> </label>
            </li>

            <li>
            <label>비밀번호 확인: <input type = "password"> </label>
            </li>

            </ul>
            </fieldset>

            <fieldset>
            <legend> 개인 정보 </legend>
            <ul>

            <li>
            <label>이름: <input type = "text"> </label>
            </li>

            <li>
            <label>메일 주소: <input type = "email"> </label>
            </li>

            <li>
            <label>연락처 : <input type = "tel"> </label>
            </li>

            <li>
            <label>이름: <input type = "url"> </label>
            </li>

            </ul>
            </fieldset>
            
            <input type ="submit" value = "가입하기">
        </form>


    </body>
</html>