Muszę przenieść obraz i tekst w div z "My Text Left", jak pokazano na poniższym obrazku, i pionowo wyśrodkuj tekst obok obrazu w div.

http://jsfiddle.net/gdWM5/22/

Oto, co mam:

Właśnie tego chcę, proszę :)

Odpowiedzi:

.mLogoTextClass {
position:absolute;
text-align: center;
vertical-align: middle;
right:0px;
top:0px;
margin: 10px 10px 0px 0px; /* Here you go */
}

... i align="absmiddle" ( na <img> )

<img align="absmiddle" src="/images/http://www.shark-helmets.com/images/bases/youtube-logo.jpg" />

JSFiddle: http://jsfiddle.net/digitalextremist/gdWM5/29/

Nie można wyrównać pionowo elementów bloku. Użyłeś go jako table-cell

.mFirstClass {
width:100%;
height: 20%;
float:left;
position:relative;
display: inline-table;  // changed here
}

.mLogoTextClass {
position:relative; //change position to relative
text-align: center;
vertical-align: middle;
right:0;
display: table-cell; //added it
top:0;
}

JSFiddle