I’m new to CSS and am trying to figure out what the best way is to align 3 images horizontally on the browser window. One image needs to be lined up to the left, one in the center, and one to the right. Here is my code:
<body>
<div id=“header”>
<p>
<img src=“image1.jpg” width=“73” height=“65” alt=“Image1” />
</p>
<p>
<img src=“image2.jpg” width=“210” height=“65” alt=“Image2” />
</p>
<p>
<img src=“image3.jpg” width=“210” height=“65” alt=“Image3” />
</p>
</div>
</body>
I know I can do this easily with the <table> tag, but since I guess this is considered style instead of structure, I would think the proper way to do it would be with CSS. And, I’m sure there is probably several ways to do it with CSS, but I’m just looking for suggestions on what the best way is.
Thanks