HTML Błąd przy wyświetlaniu elementów obok siebie

Witam, na stronie http://vald.pe.hu, w miejscu, gdzie ma być kontakt z administracją jest problem. Próbowałem umieścić elementy tak, aby wyświetlały się one obok siebie, ale wystąpił błąd, który pokażę w załączniku. Dodałem nicki i numery GG do jednego divu, a potem nadałem mu display: flex i to właśnie się stało. Nie mam pomysłów, jak to nap     rawić. Pomożecie?

.kontakt {
float: left;
}
.v {
display: inline-block
}
.c {
display: inline-block
}

<div class="kontakt">
<div class="v"><span style="color: pink"><strong>Valdrigar</strong></span>
<br> GG: 59645858
</div>
<div class="c">
<span style="color: pink"><strong>CezPlayer</strong></span>
<br> GG: 60035817
</div>
</div>

https://jsfiddle.net/Poftorek/L6ty77qy/