带有描述图片的文字旁边浮动答案

【问题标题】：Text with description pictures floating next to it带有描述图片的文字旁边浮动
【发布时间】：2019-07-30 01:10:39
【问题描述】：

嗨，我对编码有点陌生，但渴望学习，我正在尝试从头开始制作一个新网站，并想在左侧设置一张图片，然后在右侧设置类似这样的图片...@ 987654321@ 我可以在左侧获取图像，在右侧获取图标和文本，而不是在图标右侧的文本......并且似乎找不到任何示例。如果有人能帮我一把，我将不胜感激。

【问题讨论】：

标签： html css image icons

【解决方案1】：

https://www.w3schools.com/css/css_float.asp

我想这就是你想要的。换句话说，只需在 html 和 css 样式表中添加文本和 img 链接，使用 float: left 和 padding。

【讨论】：

嗨，感谢您的回复，但这些东西似乎不起作用，当我使用它时，图标和文字在图片下方移动到左侧而不是旁边，我也尝试过使用文字-文本的 aline 属性和图像的浮点数，但什么都没有......我将附上我想要实现的粗略图像 [链接] (imgur.com/xDmFMnP)。希望有人可以提供帮助，这让我发疯了。

【解决方案2】：

这是你想要实现的吗？查找引导网格以获得更多帮助https://getbootstrap.com/docs/3.4/css/

您还可以显示您的代码以使您的问题更清楚。

<!DOCTYPE html>
<html lang="en">

<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>

<body>

  <div class="container-fluid">
    <h1>Bootstrap grid system</h1>

    <p>select from 12</p>
    <br>
    <div class="row">
      <div class="col-md-4">
        <img src="img.png" class="img-responsive">

      </div>
      <div class="col-md-8">
        GG
        <h1>GLHF</h1>
      </div>
    </div>
  </div>

</body>

</html>

【讨论】：