html - 第一个单词后换行

Question

如何在第一个单词之后为按钮链接在 css 或 html 中换行。所以例子：

我们的故事 <- 没有换行符

我们的
故事 <- 换行

这在一个链接中，该链接与我的 css 文件中的一个类相关联，使其具有漂亮的按钮外观。一排有5个按钮，都需要这个。我曾尝试使用填充和 a<br/>但根本不起作用。

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

Answer 1

用于<br>添加换行符（示例）：

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

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

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

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