css - 文字环绕 [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 一个 padding-bottom 并且不在图像的 next 显示文本，否则你不能用背景图像做这个，或者 (2) 你给一个padding-left to your div 并且不要在图像下显示文本。

img 元素是执行此操作的正常 (html) 方式。然后，您可以将 align 属性添加到该图像。