Κάθετη ευθυγράμμιση κειμένου δίπλα σε μια εικόνα;

Στην πραγματικότητα, σε αυτή την περίπτωση είναι αρκετά απλό: εφαρμόστε την κάθετη ευθυγράμμιση στην εικόνα. Αφού είναι όλα σε μία γραμμή, στην πραγματικότητα θέλετε να ευθυγραμμίσετε την εικόνα, όχι το κείμενο.

Επειδή πρέπει να ορίσετε το line-height στο ύψος του div για να λειτουργήσει αυτό.

Πιθανόν να το θέλετε αυτό:

<div>

   <span style="vertical-align:50%; line-height:30px;">Didn't work.</span>
</div>

Όπως πρότειναν και άλλοι, δοκιμάστε το vertical-align στην εικόνα:

<div>

   <span>Didn't work.</span>
</div>

Τα CSS δεν είναι ενοχλητικά. Απλά δεν διαβάζετε την τεκμηρίωση. ;P