[thelist] Image *and* Text Alignment in CSS

[ben morrison]

> <h1 class="header"><a title="Hyperlink to the home page" href="foobar.htm">
> <img align="left" src="images/200logo.gif" width="200" height="93"
> alt="Client Logo"></a>Client Name</h1>
>
> The header class for the H1 includes:
> H1.header       {
>         font-size: 1.2em;
>         font-weight: bold;
>         text-align: right;
> }
>
> Now, the align="left" for the image isn't deprecated so I'm trying to
> modify the CSS to accomplish this:
>
> IMG <---
> --->Clent Name
>
> but of course the text-align modifies the positioning of the image.

You could overwite the alignment using either the a or img

 H1.header  a   {
text:align:left;
}

you could use float instead of align="left"

 H1.header  a img  {
float:left;
}

Ben