Div子元素不出现在div中

Question

我用HTML和Bootstrap编写了这个元素。

@Component({
  selector:'tracksystem',
  templateUrl: '<path>'
})
export class TrackSystemComponent {}

应该发生的是图像和链接应该出现在div内部，因此在渲染时会在div的边框内。

由于某种原因，它最终会像这样，使用div之外的元素而不是内部：

我已经检查了HTML代码，一切看起来语法都正确，我可能做错了什么？

Answer 1

只是一个建议应该是正确的添加;在每种风格的最后

<div class="container" align="center">
    <h3 class="column" style="padding: 30px;"> My Projects </h3>

    <div class="container" align="center" style="width: 40%; border: 2px solid #00CC11;">
        <img src="./images/rectsimg.png" alt="Rects-Fight" style="float: left; width: 50%;">
        <a href="./python/rects-fight.html" style="float: right; padding-right: 12%;"> Rects Fight! </a>
    </div>
</div>