html中如何给图片设置浮动,css – 如何在div中浮动图像

我有这个

HTML：

Keith Anderson

VP, Digital Advisory

RetailNet Group

Store of the Future

它是由Drupal视图动态生成的,因此我根本无法更改输出html.我需要在这里工作.这是期望的结果：

爆头没有任何造型,这就是它的样子：

我试图设置图像样式以强制它浮动到文本的左侧：

.view-speaker-list div.view-content div.views-row div.views-field

div.field-content div.file-image div.content img {

border: 1px solid #666;

float: left;

position: relative; /* tried with and without position (inc. absolute) */

left: 30px;

}

显然我做错了,因为这是我得到的(相对位置)：

并且绝对位置：

我也尝试将浮动放在保存图像的“最上面”的div类上,而div上没有位置：

.view-speaker-list div.view-content div.views-row

div.views-field-field-headshot {

float: left;

}

它给出了与position：relative screenshot相同的结果.

我哪里错了？如果我控制了html,我会采用不同的方式,但我不确定如何处理所有这些嵌套的div.

编辑为@WEX添加新的屏幕截图