Html 不围绕锚元素的边框

我可能错过了一些明显的东西，所以道歉。我正在使用下面的HTML代码，并试图使用CSS规则在类“third content wrapper”周围放置一个边框，但边框只应用于文本，并按照我的预期在图像周围填充。有没有想过我错过了什么？我可以通过在图片后面加一段来绕开它，但如果可能的话我想避免。干杯，亚历克斯

<div class="third-content">

 <div class="third-content-wrapper">
    <h2> Interests </h2>
        <p> Enjoying staying active by running, circuit training and attending the gym. Enjoy playing tennis, Badminton & Table tennis. I play guitar and also enjoy landscape painting having done art at A-Level and GCSE.


  <div id="images-interests">       
    <a href="images/badminton.jpg"> <img src="images/badminton.jpg"> </a>
    <a href="images/guitar.jpg"> <img src="images/guitar.jpg"> </a>
    <a href="images/tennis.jpg"> <img src="images/tennis.jpg"> </a>
    <a href="images/painting1.jpg"> <img src="images/painting1.jpg"> </a>
    </p>
  </div>



 </div>
</div>



.third-content-wrapper{
        border: solid 2px rgba(211,211,211,0.7);
        padding: 10px 30px;

        }

兴趣
喜欢通过跑步、循环训练和参加健身房来保持活力。喜欢打网球、羽毛球和乒乓球。我弹吉他，也喜欢风景画，在A-Level和GCSE上做过艺术。

.第三个内容包装器{
边框：实心2pRGBA（21121121121,0.7）；
填充：10px 30px；
}

正如您所说：我正在使用下面的代码HTML，并尝试使用CSS规则在类“第三个内容包装器”周围添加边框，但边框仅应用于文本，并按照我的预期在图像周围添加边框

我很困惑你是否按照你的要求在第三个内容包装上加了边框。。。我们正在寻找与此类似的东西：

正文{
填充：0；
保证金：0；
}
.第三个内容包装器{
边框：实心2pRGBA（21121121121,0.7）；
填充：10px 30px；
宽度：100%；
高度：100vh；
}

兴趣
喜欢通过跑步、循环训练和参加健身房来保持活力。喜欢打网球、羽毛球和乒乓球。我弹吉他，也喜欢风景画，在A-Level和GCSE上做过美术课。

那么您到底想在这里做什么？您将第三个内容包装应用于包装div，而不是锚定本身。您应该首先关闭段落标记。而且这不是你想要完成的事情。这一段用下面的

div

标记正确地结束。不过，您需要删除

div#images interest

中的关闭

。检查您是否有类似于

float:left为锚定定义。实际上，
结束标记应该在段落的末尾。谢谢！我想我需要投入一些时间来学习flex box！干杯