• I have created a table with split cells and there are images and text in the cell. I am trying to wrap the text within the cell but I can’t figure it out. When I enter the text it just expands the cell.

    This is what I have

     
    <table style=”width: 100%;”>
    <tbody>
    <tr>
    <th colspan=”2″>Evolution 315A</th>
    <th colspan=”2″>Preferred</th>
    <th colspan=”2″>Legacy</th>
    </tr>
    <tr>
    <td></td>
    <td>Evolution<sup>?</sup> Series Gas Furnaces provide quiet, smooth, whole-home comfort. You’ll hardly hear it running as you get cozy with up to 98.3% AFUE savings. Features including variable speed airflow or Perfect Heat<sup>?</sup> technology can keep you comfortable year round.

     </td>

Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    You need to apply the proper CSS rules to get the behavior you want. There are rules that control the height and width of different elements as well as word wrap behavior and how to deal with any overflow. Plus the usual font, color, padding, etc. styles.

    Generally speaking, you should not use tables to layout content. CSS combined with appropriate <div> containers should be able to achieve any desired layout.

    Tables are great for presenting structured data and should be used for that. Not for general layout of content. You may very well be doing that, I’m just making a general comment. Tables for layout is so old skool Web 1.0 ?? Unfortunately, it’s still needed to structure email because a lot of CSS is ignored by mail clients.

Viewing 1 replies (of 1 total)
  • The topic ‘Wrap text in a split cell’ is closed to new replies.