JSFiddle - React, Tailwind, and code Playground

HTML

<main>

  <section id="example"> 
    <div>
        <br>
        <hr>
        <div class="icon">
            <img src="Other/icon.png">
            New icon
        </div>

        <hr>
        <br>

        <a href="http://google.com" id="example">
                 <div class="box">
                        <div class="boximg" >
                                <img src="./alt/logo.png">
                        </div>  
                            <div class="text">
                        <p>Logo</p>
                        </div>  
                </div>
          </a>          
    </div>
  </section>
</main>

CSS

#example {
  display: flex;
  justify-content: center;
}

#example > div {
  max-width: 1000px;
}