Question

我在Tumblr文本帖子中嵌入了一张图片，我希望能够在其右侧添加文字。我的代码如下：

    <div>
         <p style="float: left; clear: left">
               <img alt="image" height="73px" src="URL" width="73px" />
         </p> 
         <p>
               Text text text<br />
               <a href="URL">Text</a>
         </p>
    </div>

在此配置中，文本位于图片下方，而不是右侧。有什么提示吗？

Answer 1

试试这个：

<div>
  <figure style="float: left; clear: left"><img alt="image" height="73px" src="URL" width="73px" /></figure>
  <span>Text text text<br />
  <a href="URL">Text</a></span>
</div>

注意：默认使用标记段落，显示设置为块。使用span或将规则设置为段落显示：inline-block

DEMO HERE

Answer 2

您还需要将float应用于文本容器http://goo.gl/00dlLq

如何在tumblr文本帖子中将嵌入图片旁边的文本放入

2 个答案: