* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

<label> 은 <input>을 두개 연달아 넣을 때 어떻게 쓰는 건가요?

수업을 듣던 중 강사님이 button의 id만 바꾸시고, 아래 label for= 의 값은 바꾸시지 않아 빨간색으로 변하길래 뭔지 검색을 해봤는데요. input의 이름이라길래 두개로 만들어 넣었는데 겹쳐서 출력 되더라구요.

그래서 <div>로 나누면 또 이상하게 나오더라구요..

<div class="mypost">
    <div class="form-floating mb-3">
        <input type="url" class="form-control" id="111" placeholder="name@example.com">
        <label for="111">111</label></div>
    <div>
        <input type="url" class="form-control" id="222" placeholder="name@example.com">
        <label for="222">222</label>
    </div>