卡住试图让这两列并排答案

【问题标题】：stuck trying to get these two columns side by side卡住试图让这两列并排
【发布时间】：2021-02-10 23:46:56
【问题描述】：

请原谅我的简单问题，但我对编码相当陌生，而且我无法并排制作我的列，我能够以我想要的方式链接图像和外部网站，但现在不知道如何让这两个成为并排。希望很快生病真的花时间最终学习 HTML，但现在，我只是从臀部射击！

<div align="center">
  <div style="width: 25%;">
    <div class="section group">
      <div class="col-sm- span_1_of_2">
        <div class="container">
          <a href="www.externallink.com" target="_blank" rel="noopener"><img src="https://lirp-cdn.multiscreensite.com/71976d90/dms3rep/multi/opt/content-reviews-thumbsup-1920w.jpg" alt="Thumbs Up Reviews CTA" style="border: none;"/></a>
        </div>
      </div>
      <div class="col-sm- span_1_of_2">
        <div class="container2">
          <a href="www.externallink.com" target="_blank" rel="noopener"><img src="https://lirp-cdn.multiscreensite.com/71976d90/dms3rep/multi/opt/content-reviews-thumbsdown-1920w.jpg" alt="Thumbs Up Reviews CTA"  style="border: none;"/></a>
        </div>
      </div>
    </div> <!-- end width 25% div -->
  </div> <!-- end master centering div -->
  <br /><br />
</div>

【问题讨论】：

你的 CSS 在哪里？也许您可以使用<table> 来代替像这样简单的东西？

标签： html containers multiple-columns

【解决方案1】：

您提供的代码相当混乱。如果我理解您的问题，您正试图将这两个图像放在一起。由于您使用的是引导程序，我建议：

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<div class="container">
  <div class="row">
    <div class="col-sm-6">
      <a href="www.externallink.com" target="_blank" rel="noopener"><img src="https://lirp-cdn.multiscreensite.com/71976d90/dms3rep/multi/opt/content-reviews-thumbsup-1920w.jpg" alt="Thumbs Up Reviews CTA" style="border: none;" /></a>
    </div>
    <div class="col-sm-6">
      <a href="www.externallink.com" target="_blank" rel="noopener"><img src="https://lirp-cdn.multiscreensite.com/71976d90/dms3rep/multi/opt/content-reviews-thumbsdown-1920w.jpg" alt="Thumbs Up Reviews CTA" style="border: none;" /></a>
    </div>
  </div>
</div>

这就是我在你的情况下会做的。我不明白你提供的代码，但这应该可以工作。

【讨论】：