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