css - 在边框框中设置 标签的样式？

Question

我现在正在处理一个页面，该页面在边框框中设置了文本 block ，并且其中的文本已设置样式。

基本上，我遇到的主要问题是在样式 <p> 中包含边框样式的标签，当我尝试将文本分成另一个段落时，</p> 之后的文本跳出禁区。我试过添加 <p>在各种不同的地方，但它不会做我想要的，而且我找不到任何关于如何在带边框样式的段落中添加额外段落的教程。下面的示例代码...这个框很简单，因为只有一个简短的段落。页面的其余部分有多个段落，都需要落在边框内。

有人可以帮忙吗？

<p style="border: solid 3px #4D545E; padding: 6px;">
  <strong style="color: #c01d21;">Book your Christmas party</strong>
  on any Monday-Thursday in November – and all your guests will receive a complimentary Sorbete al Cava cocktail.
  <br>
  <a style="text-transform: uppercase;line-height: 38px;text-align: center; " class="link" href="http://www.manchesterconfidential.co.uk/b.aspx?b=6980" target="_blank">
  <strong>Click to book a table</strong>
  </a>
  Or call <strong>#### ### ####</strong>
</p>

Answer 1

如果我明白你在说什么，我在这里为你制作了一段代码，这样你就可以检查它，如果它适合你想要的，你可以使用它或尝试解释更多关于你想要的东西。

.wrapper{
  border: solid 3px #4D545E; padding: 6px;
  }

.center{
  text-align:center;
  }

<div class="wrapper">
  <p><strong style="color: #c01d21;">Book your Christmas party</strong> on any Monday-Thursday in November – and all your guests will receive a complimentary Sorbete al Cava cocktail.</p>
<p class="center">
<a style="text-transform: uppercase;line-height: 38px;text-align: center; "class="link" href="http://www.manchesterconfidential.co.uk/b.aspx?b=6980" target="_blank"><strong>Click to book a table</strong></a></p>
<P class="center">
Or call <strong>#### ### ####</strong></p>
  </div>