Clever Geek Handbook

HTML email address in Outlook: text wrapping

I am trying to create a html template for an email and I am facing several problems (Outlook does not handle image resizing, etc.). One problem I still can't seem to solve is the wrapping of text inside a fixed width element (table or div).

Here's a simple example:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <table width="300px">
        <tr>
            <td width="300px"">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed turpis nunc. Nulla nec sapien ut ligula sollicitudin vestibulum eleifend a augue. Integer felis nulla, venenatis non consectetur nec, vulputate at enim. Suspendisse potenti. Curabitur sed magna metus. Nullam ut lectus ac arcu malesuada convallis. Ut dictum facilisis augue et semper. Phasellus euismod maximus turpis, at finibus dolor placerat ut. Vestibulum ultrices imperdiet enim, ac pharetra nunc fermentum non.
            </td>
        </tr>
    </table>
</body>
</html>

It displays a neat little box in browsers and most email clients, but the appearance completely ignores the width. Help would be much appreciated.

+3


source to share


2 answers


The wrapper works, just take pixels from your width attributes. Outlook is really picky.



+7


source


You must explicitly set line breaks with br tags for Outlook. It sucks, but it's the only reliable solution.



+2


source






More articles:


All Articles