Văn bản căn chỉnh email HTML

Question

Tôi đang cố căn chỉnh một phần văn bản ở bên phải và phần còn lại ở bên trái trong một thư HTML nhưng trong Outlook, float không hoạt động. Vì vậy, về cơ bản tôi đang tìm kiếm float CSS trong Outlook. Tôi biết nó có vẻ khá đáng sợ và text-align hoặc align="" không hoạt động. Bất kỳ đề xuất?

<td> 
    <span style="text-align:left; float:left;"> 
     First part 
    </span> 
    <span style="text-align:right; float:right;"> 
     Second part 
    </span> 
</td> 

Answer 1

Thành thật mà nói nếu bạn đang thực hiện một email HTML, tôi muốn sử dụng các bảng. Không phải tất cả các bộ chọn CSS đều có sẵn trong tất cả các ứng dụng email và bạn sẽ tự lái mình khi cố gắng thực hiện nó theo bất kỳ cách nào khác. Email HTML giống như web 5 năm trước.

Có một vài tài liệu tốt về đề tài này:

http://www.campaignmonitor.com/css/

http://www.emailology.org/

Ví dụ của bạn:

<td> 
    <table cellpadding="0" cellspacing="0" width="100%"> 
     <tr> 
      <td align="left">First part</td> 
      <td align="right">Second part</td> 
     </tr> 
    </table> 
</td> 

Đó là khủng khiếp nhưng tiếc là nó vẫn là cách tốt nhất.

Answer 2

Sử dụng (shudder) bảng bố cục.

Hỗ trợ tạo kiểu email của Outlook quá khủng khiếp đến nỗi không có cách nào khác.

Có một số 24 ways article với một số lời khuyên chung để viết email được định dạng HTML.