JSFiddle - React, Tailwind, and code Playground

HTML

<div id="contenedor">
<div id="footer">
    <h1>Tags para SEO </h1>
        <div id="tags1">
            tag1
        </div> <!-- tags1-->
        
        <div id="tags2">
            tag2
        </div> <!-- tags2-->
        
        <div id="tags3">
            tag3
        </div> <!-- tags3-->
        
    </div> <!-- footer-->

</div> <!-- contenedor-->

CSS

#contenedor{
    margin: auto;
    text-align: left;
    width: 100%;
    border: 1px solid blue;
 
}

#footer{
    border: 1px solid red;
    clear: both;
    /*overflow:hidden;*/
}

div #tags1, div #tags2, div #tags3{
    width: 30%;
    border: 1px solid red;
    float: left;
    /**margin: 20px;**/
    
}