내부의 요소 적절한 HTML 구조? 가로 형식 레이아웃에서 Bootstrap을 사용할 때 개발자는 각 입력 요소에 고유 ID를 할당하는 것이 바람직하지 않은 상황에 직면할 수 있습니다. 대안으로 일부는 내의 요소입니다. 그러나 이 접근 방식의 타당성을 고려하는 것이 중요합니다. 인라인 요소 내의 블록 요소 요소는 기본적으로 인라인 요소입니다. 반면에 요소는 블록 요소입니다. 인라인 요소 내에 블록 요소를 포함하는 것은 일반적으로 잘못된 HTML로 간주됩니다. 레이블 요소에 대한 사양에는 를 포함한 하위 블록 요소가 포함되어서는 안 된다고 명시적으로 명시되어 있습니다. 사용자 정의 CSS: 임시 수정 적용하는 동안 .block {display: block; } 원하는 레이아웃을 시각적으로 얻을 수는 있지만 기본 HTML 마크업 문제는 해결되지 않습니다. 기본 표시 동작을 재정의하기 위해 사용자 정의 CSS 수정에 의존하는 것은 예측할 수 없는 중단 및 유지 관리 문제에 취약합니다. 올바른 HTML 구조 문제를 올바르게 해결하려면 문구를 사용하세요. 대신 레이블 내의 요소: Email 로그인 후 복사 결론 겉보기에는 CSS의 도움으로 효과적인 것처럼 보이지만 , HTML 사양과 호환되지 않습니다. 유효하고 유지 관리 가능한 레이아웃을 만들려면 인라인 텍스트의 내에 문구 요소를 사용하고 블록 요소를 도입하지 마세요.