Html 锚定标记文本赢得'；t包装

有一个简单的问题。我有一些锚定标签，它们是指向外部网站的链接，位于一个12列网格中的p元素下面。我在他们身上使用了col-4，文本保持在容器中，但锚文本没有断开到另一行。p元素及其文本保持col-4，但锚文本溢出。请帮忙

HTML

---

我认为

a{white space:pre-wrap}

应该可以做到这一点

---

这里有一个链接，指向一个{word wrap:break word；}对我有用，这要归功于

尝试在标签中添加一个“display:contents”样式

内联：

<p>Hello <br>Website: <a href="google.co.uk" style="display: contents">This line of text goes over</a></p>

---

为回应干杯。我试过了，但它只是把文字删掉了。我选择了简单的路线，而是用了一个按钮。无论如何谢谢你！

.grouped-content__selection {
border-top: 2px solid #184450;
padding: 2rem 1rem 1rem 1rem;
overflow: hidden;
height: 100%;}

<p>Hello <br>Website: <a href="google.co.uk" style="display: contents">This line of text goes over</a></p>

<p>Hello <br>Website: <a href="google.co.uk" class="align-link">This line of text goes over</a></p>

.align-link{
  display: contents;
}