다음과 같이 다시 작성된 제목: 목록 항목을 위의 텍스트와 정렬하는 방법은 무엇입니까?

Question

잘못된 HTML을 사용하면 원하는 모양을 얻을 수 있지만 유효한 HTML을 사용하면 얻을 수 없습니다. <SPAN>의 효과를 시뮬레이션하기 위해 <FIGURE> 또는 <FIGCAPTION>을 구성할 수 있는 CSS가 있습니까?

왼쪽에 모양이 있고 오른쪽에 유효한 HTML이 있기를 원합니다.

잘못된 HTML:

으아악 으아악

유효한 HTML:

으아악 으아악

Answer 1

개발 도구를 사용하여 사용자 에이전트 값을 확인해야 합니다

예를 들어 TD 아래의 첫 번째 요소는 ul 또는 숫자입니다. Chrome의 표준은 다음과 같습니다.

으아악

따라서 그림 대 ul 레이아웃을 유지하려면 스타일에 그림을 추가하고 레이아웃을 깨뜨리는 속성을 재정의하고 필수 속성을 추가하세요.

Answer 2

몇 가지 스타일을 추가하면 기본 스타일을 재설정할 수 있습니다.

으아악 으아악