JSFiddle - React, Tailwind, and code Playground

HTML

<section id="example"> 
        <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>   
  </section>

CSS

#example {
  display: block;
  margin: 0 auto;
  width: 300px;
  text-align: center;
}