Html 如何在一行中设置这些块？

我不能水平设置这些按钮。有什么想法吗？我玩了大约2个小时，所以我写在这里。效果应该像下面的图片，它实际上不是。谢谢你的回复，我很感激

css

html

您可以添加以下代码：

.buttons div {
  display: inline-block;

  /* height:80px; 
  padding: 0px 30px;
  line-height:80px; */
}

---

我试过这个，问题是它不起作用我不知道为什么，我认为这些按钮的图像宽度块内联属性解决方案可以设置这些按钮重叠所有内容，特别是图像你能用图像做一个演示吗？我在CSS中改变了很多东西。我不知道这是否与你想要的相似，但你可以看看。

    <br><br><br><br>
<div class="container">

    <div class="jumbotron">


        <img class="image" src="../assets/media/img/laskaniemiecka.png">

        <div class="blockq">

            <blockquote> The blockquote element is a mechanism for marking up a block of text quoted from a person or another document or source. It may be just a few lines, or it may contain several paragraphs.</blockquote>
        </div>


         <div class="buttons" style="font-family: 'Open Sans', 'sans-serif';">
            <div class="bb blue">Powtórki</div>

            <div class="bb purple">Lekcje audio</div>

        </div>







        <br><br><br><br><br>




    </div>
</div>

.buttons div {
  display: inline-block;

  /* height:80px; 
  padding: 0px 30px;
  line-height:80px; */
}