如何使用HTML/CSS内联显示图像和标题？

我有两张图片，我想并排展示，上面的标题是超链接的一部分

  <div id="image">

  <a href="file:///L:/file" style="text-decoration:none;"  Title="Project Reports">
  <p>New Reports</p>
  <img src="http://tableau/" style="width:304px;height:228px;" /> 
  </a>       


  <a href="file:///L:/file2" style="text-decoration:none;" >
  <p>Project Reports</p>
  <img src="http://tableau/" style="width:304px;height:228px;"/>
  </a>

---

添加<代码>浮动：左在

a

#图像{
显示：内联块；
宽度：1000px；
明确：两者皆有；
}
#图像>a{
浮动：左；
显示：内联块；
}

---

添加

浮动：左在
a


#图像{
显示：内联块；
宽度：1000px；
明确：两者皆有；
}
#图像>a{
浮动：左；
显示：内联块；
}
这里。正确的HTML和CSS


a{
显示：内联块；
文字装饰：无；
}
这里。正确的HTML和CSS


a{
显示：内联块；
文字装饰：无；
}

你为什么不学习如何使用HTML和CSS，并正确地编写HTML？我投票将这个问题作为离题题来结束，因为它太具体/本地化了，有这么多的仇恨者。6年前我参加了一门html课程，现在我正尽我所能在记事本上做这件事。我是一个SQL/c开发人员，不是最精通HTML/CSS的。我为寻求帮助而道歉。fwiw，junkfoodjunkie回答正确。如果这个问题还没有解决，我会接受答案。你为什么不学习如何使用HTML和CSS，并正确地编写HTML？我投票把这个问题作为离题题来结束，因为它太具体/本地化了，有这么多的仇恨者。6年前我参加了一门html课程，现在我正尽我所能在记事本上做这件事。我是一个SQL/c开发人员，不是最精通HTML/CSS的。我为寻求帮助而道歉。fwiw，junkfoodjunkie回答正确。如果这是开放的，我会接受答案。这是堆叠图像，但我需要它们并排这是堆叠图像，但我需要它们并排谢谢！我一直忽略我的a标签，并把内联块放在错误的地方。很抱歉，我没有达到您的HTML标准，但我非常感谢您的帮助。我知道这就是答案，但再一次，除了在css表中，我把它放在了所有的地方。你还使用了
-标记，这是不需要的-如果需要的话，它应该包装
，而不是反过来<默认情况下，代码>

是

内联的

，因此要使一切按预期工作，只需创建某种

块

-元素，并确保它也显示内联。当然，您也可以通过在

-标记中添加样式，或者为文本和样式添加一个专门的

-包装来设置文本的样式。我可以从谷歌那里获得，是的。我会使用正确的HTML/CSS吗？可能不会，这就是我来这里的原因。做同样的事情有很多方法，我想确保我做得正确。它只是一个非常小的HTML文件。我有一个通过wc3验证的个人网站，所以我没有你想象的那么糟糕。从HTML5开始，a标签不再只包含语法内容（也称为内联标签）。它现在还可能包含流内容（也称为块标记）。所以，将p标记放在a标记的内部就可以了。只需确保相应地设置a标记的样式，这样就不会有任何布局奇怪的情况。（假设您使用的是HTML5 doctype）：-）谢谢！我一直忽略我的a标签，并把内联块放在错误的地方。很抱歉，我没有达到您的HTML标准，但我非常感谢您的帮助。我知道这就是答案，但再一次，除了在css表中，我把它放在了所有的地方。你还使用了

-标记，这是不需要的-如果需要的话，它应该包装

，而不是反过来<默认情况下，代码>是

内联的

，因此要使一切按预期工作，只需创建某种

块

-元素，并确保它也显示内联。当然，您也可以通过在

-标记中添加样式，或者为文本和样式添加一个专门的

-包装来设置文本的样式。我可以从谷歌那里获得，是的。我会使用正确的HTML/CSS吗？可能不会，这就是我来这里的原因。做同样的事情有很多方法，我想确保我做得正确。它只是一个非常小的HTML文件。我有一个通过wc3验证的个人网站，所以我没有你想象的那么糟糕。从HTML5开始，a标签不再只包含语法内容（也称为内联标签）。它现在还可能包含流内容（也称为块标记）。所以，将p标记放在a标记的内部就可以了。只需确保相应地设置a标记的样式，这样就不会有任何布局上的奇怪之处（假设您使用的是HTML5 doctype）：-）

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