第一个单词后换行

Joh*_*ers 2 html css html5 css3

如何在第一个单词后面的按钮链接中断css或html中的一行.例如:

我们的故事< - 没有换行

我们的
故事< - 换行

这是一个链接,它链接到我的css文件中的一个类,它给它漂亮的按钮外观.连续有5个按钮,都需要这个.我试过使用填充和一个<br/>但根本不工作.

<a href="story.php" class="button_nav"/>Our Story</a>
Run Code Online (Sandbox Code Playgroud)

0b1*_*011 5

使用<br>添加一个换行符(例如):

<a href="story.php" class="button_nav">Our<br>Story</a>
Run Code Online (Sandbox Code Playgroud)

另一个建议的解决方案是将第一个单词包装在a中<span>并使用CSS设置样式(示例):

<a href="story.php" class="button_nav"><span>Our</span> Story</a>
Run Code Online (Sandbox Code Playgroud)
a.button_nav {
    display:inline-block;
    text-align:center;
}
span {
    display:block;
}
Run Code Online (Sandbox Code Playgroud)