Text und Icon vertikal zentrieren
bearbeitet von MrMurphy1Hallo
Ich sehe zu diesem HTML-Code
~~~html
<h2><i class="fa fa-user"></i>User</h2>
~~~
das folgende CSS
~~~css
h2 {
color: rgb(248, 109, 197);
font-family: 'Indie Flower', cursive;
font-size: 4.5rem;
display: flex;
align-items: center;
}
h2 .fa {
background-color: rgb(248, 109, 197);
color: rgb(128, 128, 128);
font-size: 2.5rem;
width: 70px;
height: 70px;
border-radius: 100%;
margin-right: 1rem;
display: flex;
justify-content: center;
align-items: center;
}
~~~
Die Größenangaben können dann noch nach Wunsch angepasst werden.
Gruss
MrMurphy