Как установить стиль изображения в классе div?

Я хочу сделать что-то вроде этого:

    .even {
        float: left;
        text-align: left;
    }

    .even img {
        float: right;
    }

Но это не работает. Я надеюсь, что моя проблема связана с синтаксисом, но я не могу понять, как это сделать. Я покопался в Google, но мне не удается найти правильный набор ключевых слов.

Связанный html, который я хотел бы использовать, должен выглядеть примерно так:

<div class="linkBlock even">
    <img class="linkThumbnail" src="graphics/links/thumbnail_oilcan.jpg" width="267" height="200"/> 
    <h2><a href="http://www.etsy.com/shop/oilcanpress" rel="nofollow">oilcan press</a></h2>
    <p>
        oilcan press is a purveyor of handmade books & word-related artefacts.
        if you'd like to commission work of a particular size or shape or theme let him 
        know via etsy or email: oilcanpress [!at] gmail.com
        they will gladly make custom boxes as per your general requests of colors/concepts.
        if you are desirous of sevral items a bundle can be arranged at reduced prices.
    </p>
    <p>
        you can view much of his work on <a href="http://www.etsy.com/shop/oilcanpress">flickr</a>.
    </p>
</div>

Я бы хотел, чтобы текст этого блока плавал и выравнивался по левому краю, а изображение - вправо. С помощью кода, который я написал выше, изображение центрируется на странице над текстом; он не плавающий, похоже, он все еще использует статический макет.

6
задан JoshuaD 28 March 2011 в 00:41
поделиться