Как разместить элементы в один блок?

Question

[KurwaTM]

У меня вот такой код:

<section id="content-tab1" class="">
                    <p class="">
                        <div class="imgs" style="margin-left: 0px">
                            <img src="images/lol.jpg" alt="jopa" style="width:100%">
                            <div class="con">
                            <p>Просто-Людин</p>
                            <a href="" class="a a:hover">Купить</a>
                            </div>
                          </div>
                          <div class="w3-center textop">
                            <h1>Hello</h1>
                          </div>
                    </p>
                    <p class="">
                        <div class="imgs" style="margin-left: 0px">
                            <img src="images/lol.jpg" alt="nety" style="width:100%">
                            <div class="con">
                            <p class="">Дворянин</p>
                            <a href="" class="a a:hover">Купить</a>
                            </div>
                          </div>
                          <div class="w3-center textop">
                            <h1>Hello</h1>
                          </div>
                    </p>

Как зделать эти блоки в один ряд?

Comments

[Максим Иванов]

Это прикол?

[dintear_koden]

Максим Иванов, походу

[KurwaTM]

Нет

Answer 1

[Арсений Матыцин]

Используй flex-ы или гриды.