일련의 HTML 링크를 수평으로 정렬하는 방법은 무엇입니까?

Question

세 개의 링크가 있습니다. 왼쪽에 하나, 중간에 하나, 오른쪽에 하나를 한 줄로 정렬하고 싶습니다. 내 링크가 prev (줄의 왼쪽에 놓기를 원함) 집 (줄의 중간에 놓기를 원함)과 next (줄의 오른쪽에 놓기를 원함)라고 가정 해보십시오.

<a href="link">prev</a> 
lots of &nbsp; 
<a href="link">home</a> 
lots of &nbsp; 
<a href="link">next</a>` 

내가 내 창 또는 상대적으로 작은 화면 크기를 조정하는 경우는 고정 된 크기와 문제가 발생할 수 있기 때문에이 잘못 이해 : 그래서 나는이 코드를 썼다. 그래서 이것을 시도 :

<a href="link" align="left">prev</a> 
<a href="link" align="center">home</a> 
<a href="link" align="right">next</a> 

하지만 작동하지 않았다! 그래서이 문제를 HTML로 해결할 수 있습니까? 사업부 용기와

`

Answer 1

랩 링크와 래퍼에 왼쪽/오른쪽 바늘 및 text-align: center를 사용

.wrap { 
 
    text-align: center; 
 
    background: #EEE; 
 
    padding: 10px; 
 
} 
 
.wrap .left { 
 
    float: left; 
 
} 
 
.wrap .right { 
 
    float: right; 
 
}

<div class="wrap"> 
 
    <a href="link" class="left">prev</a> 
 
    <a href="link">home</a> 
 
    <a href="link" class="right">next</a> 
 
</div>