tutorial
https://www.youtube.com/watch?v=NF1M60J090c

13 Image with Text

Before CSS existed, using tables was the only way possible to do some website layouts. It is a very similar process to creating layouts on MS Office.

Now, let's recreate an example similar to this:

📝 Instructions:

1. Create a <table> with attribute border = "0".

<table border="X"></table>

2. Add the <tr> row with 2 <td> columns inside.

<table border="X">
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

3. The first column (<td>) with the attribute width="25%", should contain an image with the attribute width="100%".

   Use this image: "../../.learn/assets/13-images-with-text.jpg"

<td width="X"><img width="X" src="The given image url"/></td>

4. The second column (<td>), contains the paragraph along with the valign = "top" attribute (this is used to move the text to the top of the cell).

<td valign="X">Here goes the text</td>

💡 Hint:

• You can choose your fake text on this page: http://www.lipsum.com/