텍스트를 자동으로 정렬할 수 없습니다

Question

텍스트가 아랍어인 경우 오른쪽에서 시작하고, 영어인 경우 왼쪽부터 시작되도록 텍스트를 자동으로 정렬하려고 합니다. 인터넷을 검색해보니 태그에 dir="auto" ，并在 CSS 文件中使用 text-align: auto;를 사용해야 한다는 것을 알았습니다. h1 标签，但没有使用 a 태그를 사용했습니다.

代码：

으아아아

CSS文件：

으아아아

여기서 무엇을 놓치고 있는지 모르겠습니다. 아니면 지도를 사용하고 있기 때문에 작동하지 않습니다! 도움을 주시면 대단히 감사하겠습니다.

Answer 1

텍스트 방향을 <div dir="auto"> 包装器，则其中的所有内容都将具有 auto 제공하는 경우:

으아악 으아악

귀하의 경우, achor 요소의 텍스트 방향을 고려할 때 가장 가까운 flow content< /a> 요소는 <ul>입니다.
즉, dir="auto" 放在 <ul> 上也可以工作，您不需要 <div>에 dir="auto"를 입력해도 작동하므로 <div> 래퍼가 필요하지 않습니다. 그러나 래퍼를 사용하면 두 위치에서 이를 지정할 필요가 없습니다.

참고: 누군가 댓글에서 지적했듯이 <h1> 태그는 <h1> 标签是 <ul> 태그의 잘못된 하위 태그입니다.