Now we need to make a second cell. We want the left cell to be a little smaller than the right one.

    <TABLE BORDER=3 WIDTH=100%>
    <TR>
    <TD WIDTH=40%>&nbsp;</TD>
    <TD WIDTH=60%>
    Ingredients for Apple Pie
    <UL>
    <LI>Apples
    <LI>Flour
    <LI>Sugar
    <LI>Cinnamon
    </UL>
    </TD>
    </TR>
    </TABLE>

| Ingredients for Apple Pie Apples Flour Sugar Cinnamon

As a matter of habit, you should always place a blank space (`&nbsp;`) in any empty cell.

Now would be a good time to copy `applepie.gif` to your working folder.

Plug the image into the first cell.

    <TABLE BORDER=3 WIDTH=100%>
    <TR>
    <TD WIDTH=40%><IMG SRC="applepie.gif" WIDTH=150 HEIGHT=138></TD>
    <TD WIDTH=60%>
    Ingredients for Apple Pie
    <UL>
    <LI>Apples
    <LI>Flour
    <LI>Sugar
    <LI>Cinnamon
    </UL>
    </TD>
    </TR>
    </TABLE>

| Ingredients for Apple Pie Apples Flour Sugar Cinnamon

All that's left is to align the pie image to the right side of the cell and turn off the border attribute.

    <TABLE BORDER=0 WIDTH=100%>
    <TR>
    <TD WIDTH=40% ALIGN="right"><IMG SRC="applepie.gif" WIDTH=150 HEIGHT=138></TD>
    <TD WIDTH=60%>
    Ingredients for Apple Pie
    <UL>
    <LI>Apples
    <LI>Flour
    <LI>Sugar
    <LI>Cinnamon
    </UL>
    </TD>
    </TR>
    </TABLE>

| Ingredients for Apple Pie Apples Flour Sugar Cinnamon

Bingo!

<< BACK NEXT >>