Обтекание текстом [CSS]

Question

Я заканчиваю работу над своим веб-сайтом http://centrosokoladine.lt/ И как вы можете видеть, что в середине слева есть картинка, покрытая текстом, и мне нужно обернуть этот текст. Изображение установлено так же, как на этом поле изображения, без повторения влево по центру ...

Вот точная часть HTML:

<div class="turinio"><?php the_content(); ?></div>

и css:

.vidinis
{
    background-color:#a68e84;
    layer-background-color:#a68e84;
    width: 709px;
    /* height: 306px; */
    align: center;
    padding-top: 17px;
    visibility: visible;
    **background-image: url('http://centrosokoladine.lt/wp-content/themes/sokoladine/grafika/info.gif');
    background-repeat: no-repeat;
    word-wrap: break-word;
    background-position: bottom left;**
    overflow:hidden;
}

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

Answer 1

Вы не можете сделать это с фоновым изображением, если (1) вы не добавите нижний отступ для вашего div и не отобразите текст следующий к изображению, или (2) не дадите отступ -сделать в свой div и не показывать текст под изображение.

Элемент img - это обычный (html) способ сделать это. Затем вы можете добавить атрибут align к этому изображению.

Answer 2

float: left;

Float добьется цели.