第一个单词后换行

Question

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

我们的故事＆lt; - 没有换行

我们的
故事＆lt; - 有换行符

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

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

Answer 1

使用<br>添加换行符（example）：

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

另一个建议的解决方案是将第一个单词包装在<span>中并使用CSS（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;
}