첫 번째 단어 다음에 줄 바꿈

Question

첫 단어 뒤에 버튼 링크로 css 또는 html로 줄 바꿈을하려면 어떻게해야합니까? 예를 따라서 :

우리의 이야기 < - 라인없이 휴식

우리
이야기 < - 줄 바꿈

이 그것에게 그것의 꽤 있습니다 내 CSS 파일에서 클래스에 연결되는 링크 내부로 버튼 모양. 행에 5 개의 버튼이 있으며이 버튼이 모두 있어야합니다. 나는 패딩과 <br/>을 사용해 보았지만 전혀 작동하지 않습니다. (example를)

<a href="story.php" class="button_nav">Our<br>Story</a> 

대체 및 제안 솔루션은 <span> 및 CSS와 스타일을의 첫 번째 단어를 포장하는 것 :

<a href="story.php" class="button_nav"/>Our Story</a> 

Answer 1

사용 <br>는 줄 바꿈 (example)를 추가

을

<a href="story.php" class="button_nav"><span>Our</span> Story</a> 

a.button_nav { 
    display:inline-block; 
    text-align:center; 
} 
span { 
    display:block; 
}