Witam.
Mam takie zdjęcie
Jak zrobić, żeby zrobić takie menu, w którym będzie ten obrazek, a po prawej tego obrazka nazwa odnośnika.
Próbowałem zrobić normalnie <img src=...><a href=...></a> ale chodzi mi o to, żeby napis był dokładnie po środku.

Zakładając, że elementy menu będą miały regularną wysokość na img dajesz float:left;, a odnośnik dostosowujesz do wielkości obrazka, ja oszukuję trochę ustawiając line-height na wysokość obrazka, wtedy tekst sam ustawia się na środku lini. Dokładniej znajduje się na baseline, ale zobacz sam: przykład

[HTML] pobierz, plaintext 
ul{list-style:none;}
ul li{display:flex;align-items:center;}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<ul>
    <li>
        <img src="http://avatars.zapodaj.net/images/772aed8928b0.jpg" />
        <a href='#'>Tekscik</a>
    </li>
</ul>
[HTML] pobierz, plaintext 

https://jsfiddle.net/v9djnLa5/2/

Dzięki, działa!
A co do reszty, to odległość obrazka od lewego marginesu jest zbyt duża.

to zmieniasz margin? Trochę własnej inicjatywy, a flex nadal jest trochę ryzykowny