html - How can I make two divs appear next to eachother and not under eachother?

Question

This question already has answers here: question from:https://stackoverflow.com/questions/65642927/how-can-i-make-two-divs-appear-next-to-eachother-and-not-under-eachother

Answer 1

Use display:flex; on the parent element and they will be aligned in one row. You will need no more CSS.

CSS:

.subarticle{
  display:flex;
}

Codepen Link: https://codepen.io/emmeiWhite/pen/YzGjOgP

FULL CODE SNIPPET:

.subarticle{
  display:flex;
}

<article>
    <div class="subarticle">
        <div class="wrapper">
        <img src="img/logo2.jpg" alt="logo s textom good idea" class="goodidea">
        <div class="informacie">
            <h2 class="SO?">SO?</h2>
            
            <p class="datum"><i class="far fa-calendar-times"></i>6.1.2021</p>
            
            <h3>
                Stredo?kolská odborná ?innos? <br> <br>
                Prekonaj sám seba a uká?, ?e má? talent...
            </h3>
            <p class="read">?íTA? VIAC</p>

         </div>

    </div>
        
        <div class="wrapper">
        <img src="img/logo2.jpg" alt="logo s textom good idea" class="goodidea">
        <div class="informacie">
            <h2 class="SO?">SO?</h2>
            
            <p class="datum"><i class="far fa-calendar-times"></i>6.1.2021</p>
            
            <h3>
                Stredo?kolská odborná ?innos? <br> <br>
                Prekonaj sám seba a uká?, ?e má? talent...
            </h3>
            <p class="read">?íTA? VIAC</p>

        </div>
        </div>    
     </div> 
</article>