JSFiddle - React, Tailwind, and code Playground

by Radiocity

HTML

<div id="center">

<div id="inner">

<h1>haliava.spb.ru</h1>
    <h2>Все скидки и спец. предложения Санкт-Петербурга</h2>
    
</div>


</div>

CSS

body{
 background: #f0f0f0;    
 color:#2d2d2d;   
}

#center {
 position:absolute;
 top: 50%;
 left: 50%;     
}

#inner{
 position:relative;
 top:-50%;
 left:-50%;
 display:inline-block;
 zoom:1;
 *display:inline;   
 text-align:center; 
}

h1{
    font-size:32px;
    color: #9c6;
}

h2{
    white-space:nowrap;
    font-size:12px;
}