2017-03-31 23 views
0

ausrichten Hallo, ich mache einfache Mailing und habe ein Problem.Text vertikal neben einem Bild in <td>

Ich kann nicht Text neben Bild ausrichten in

<td width="433" style="color:#707177; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left; width:433px;" valign="middle"> 
    <img alt="email" src="https://cdn3.iconfinder.com/data/icons/streamline-icon-set-free-pack/48/Streamline-18-128.png" height="15" width="15" style="vertical-align:middle;"> 
    <span style="color:#707177;font-size:14px;">000 000 000</span> 
</td> 

I jsFiddle erstellt haben. In vertical-align:middle; auf Ihre Spanne

Ich kann nicht so etwas wie <td><img /></td><td>text</td>

+0

Wie wäre es 'vertical-align: text-top;' statt 'vertical-align: middle;'? – j08691

Antwort

2

verwenden. Es ist ein kleiner Unterschied, aber es funktioniert.

<span class="feed" style="color:#707177;font-size:14px;vertical-align:middle;">000 000 000</span> 

https://jsfiddle.net/8va7zLdn/1/

+0

es funktioniert nicht http://imgur.com/a/lBdKn – Defus

+0

Führen Sie den Code, es ist tatsächlich schon fertig. Es sieht einfach nicht so aus, als wäre es aufgrund der Höhe des Bildes ausgerichtet. Vergleiche es mit deinem alten. –

+0

Dies funktioniert nicht, wenn sich innerhalb des Bereichs viel Text befindet und der Text einen oder mehrere Zeilenumbrüche erhält. verwende stattdessen ein Hintergrundbild auf dem td! – nerdess

Verwandte Themen