CSS

.text-align { text-align: center; } .grid { display: grid; place-content: center; height: 10em; width: 10em; border: 1px solid red; } .outer { display: flex; width: 20em; height: 20em; align-items: center; justify-content: center; border: 5px solid black; }

HTML

<div class="text-align"> ITKP1011 Web-julkaiseminen </div> <div class="outer"> <div class="grid"> <figure class="text-align"> <img src="https://appro.mit.jyu.fi/images/appro2_p.png" alt="-" /> <figcaption>Logo</figcaption> </figure> </div> </div>

Javascript

Konsoli