<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container-principal"> <div class="author"> <h4><font color="lightgray">ANTOINE DE SANTI-EXUPÉRI</font></h4> </div> <div class="container-title"> <h2><font color="orange">O Pequeno Príncipe</font></h2> </div> <div class="container-comment"> <h6><font color="white">Com aquarelas do autor</font></h6> </div> <div class="container-image"> <img src="https://i.ibb.co/1fw3tTr/o-pequeno-principe.png" alt="o-pequeno-principe" border="0"> </div> <div> <img src="https://i.ibb.co/9Tczw4s/giz-editorial.png" class="company" alt="giz-editorial" border="0" align="left"> </div> </div>

.container-principal { width: 600px; height: 800px; position: absolute; background-color:#111137; } .author { padding:10px; text-align:center; } .container-title { text-align: center; font-family:cursive; } .container-comment { padding: 60px; } .container-image { position: absolute; left: 100px; top: 195px; } .company { max-width: 100px; max-height: 90px; float: left; padding: 10px; margin:10px; background-color: white; }