Html 包含两个其他div的Text和div不是内联的

下面是我正在使用的JSFIDLE：

我需要图像与“info”div内联。我已经尝试了多种方法（创建info和图像跨距，从div中删除图像，并将display:inline用于img标记本身）

有没有办法解决这个问题？这就是我希望它看起来的样子（您可以忽略边界等）：

---

利用

浮动：左

并指定文本类别a

宽度

以包含

.info

div

您还需要将元素包装在父元素中，以确保项目正确对齐。我在演示中创建了一个ID为

wrapper

的

div

HTML:

<div id="wrapper">
    <div class = "one">
        <div class = "image"><img src = "http://www.google.com/images/srpr/logo3w.png"></div>
        <div class = "info">
            <div class = "title">this is my title</div>
            <div class = "text">Hello this is what I'm trying to inline. but its not working! what's going on...?</div>
        </div>
    </div>
</div>

#wrapper {
 width: 600px;   
}

.image {
    display: inline-block;
    float: left;
}

.info {
    display: inline-block;
    float: left;
    width: 200px;
    padding: 0 0 0 15px;
}

注意：您可以相应地调整

.info

div

的填充，以及

包装的宽度

演示：
我想你要找的是

.image {
    display: inline-block;
    vertical-align:middle;
}

这将尝试将图像与其余元素匹配

在以下地方阅读：

你想把标题和文字放在图片上吗？不，我想把它们并排放在一起。我已经用我想要的样子更新了我的问题-谢谢你澄清我的问题：）