Html 文本后图像_Html_Css - Fatal编程技术网

Html 文本后图像

html css

Html 文本后图像,html,css,Html,Css,我想要一个在这段文字后有witdh 75和高度100的图像： Het boek Boek nummer: 1 Aantal punten: 6 Aantal bladzijden: 400 Het boek Boek nummer:1 安塔尔潘腾：6 安塔尔布拉吉登：400 有人能帮我吗？我知道我可能需要在它周围加个div，但我不知道css。顺便说一

我想要一个在这段文字后有witdh 75和高度100的图像：

<b>Het boek</b><br>
<p>Boek nummer: 1 <br>
Aantal punten: 6 <br>
Aantal bladzijden: 400 </p>

<代码>Het boek
Boek nummer:1
安塔尔潘腾：6
安塔尔布拉吉登：400

有人能帮我吗？我知道我可能需要在它周围加个div，但我不知道css。顺便说一下，图像将使用img标签显示在页面上

<div style="float:left;">
your text or any other thing
</div>
<div style="float:left;">
<img src="somewhere"/>
</div>


你的文字或任何其他东西

这是一个简单的页面，这是您要找的吗

  <html>
  <body>
  <b>Het boek</b><br>
  <p>Boek nummer: 1 <br>
  Aantal punten: 6 <br>
  Aantal bladzijden: 400 </p>
  <img alt="Show this text when the mouse is over the image." height="75" width="100" src="test.jpg">
  </body>
  </html>


赫特博克

Boek nummer:1

安塔尔潘腾：6

安塔尔布拉吉登：400

“鼠标悬停在图像上时显示此文本。”可以更改为所需的文本，也可以完全删除alt属性。“高度”和“宽度”属性将强制设置所需的尺寸。src属性需要指向图像的位置。图像可以是任何支持HTML的图像类型，它不需要是jpg。它可以是jpg、png、gif等

有关标签和其他HTML资源的更多信息，请参见：试试这个：

<img src="URL_IMAGE" style="margin: 5px 0px 5px 5px; float: left; " />

这应该可以满足您的需要：


海博克

波克努默：1
安塔尔普滕：6
安塔尔布拉吉登：400

这里有一篇关于浮动的好文章：

以下是我在

元素中包含

溢出：隐藏的原因（请注意，如果删除它，填充将不起作用）：
为什么不起作用？您能给我们展示一下您希望它看起来如何的图像，并解释@fructedtech的答案为什么不能满足您的需要吗？还有投票？为了这个？好悲伤=/
<img src="http://placehold.it/75x100">
<div>
    <h1>Het boek</h1>
    <ul>
        <li>Boek nummer: 1</li>
        <li>Aantal punten: 6</li>
        <li>Aantal bladzijden: 400</li>
    </ul>
</div>