Html 将 div 放在图片旁边而不是下方

发布于02月20日

我正在使用Bootstrap，我有一个图像，我想将卡放在图像的右侧，但它在底部.

我试着用display: inline-block，但没用.我看了网站上的其他答案，它们对我也不起作用，所以请不要推荐那些.

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<h1 style="text-align: center; font-size: 70px; ">Crabapple Lake Parc</h1>
<img src="https://th.bing.com/th/id/R.bb60507b5a1f567e6b6592f375bf5e8d?rik=FgkA6Taf%2fHwJsA&pid=ImgRaw&r=0" alt="Group Picture" style="display: block; margin-left: auto; margin-right: auto; width: 50%;">
<div class="card" style="width: 18rem;">
  <div class="card-body">
    <h5 class="card-title">Have Questions?</h5>
    <a href="#" class="btn btn-primary">FAQ</a>
    <a href="#" class="btn btn-primary">Contact Us</a>
  </div>
</div>

Html 将 div 放在图片旁边而不是下方

推荐答案

Html相关问答推荐

srcset和大小总是下载最大的

CSS：显示块，第一个项目没有正确对齐

未在抖动中播放的HTML音频｜｜文本正在工作其他标记正在播放，但音频未播放

如何在HTML中适当地为单选按钮网格添加标签？

有没有什么方法可以很容易地给一个SVG一个插框阴影？

如何更改Django中的默认按钮？

默认情况下使用Disbale Scroll，但在单击图标后将其激活

浮动Div在CSS中未按预期工作

视频重新加载而不是在 Swift 中暂停 WKWebView

HTML 重定向到当前服务器

为什么即使我点击其他地方，我的 contenteditable="true" 也会被激活？

这两个CSS中的网格居中对齐内部盒子有什么区别？

如何截断一些文本并用双引号引起来？

如何制作一个空的网格模板行来填充剩余空间？

本地 css 样式表未链接

打开 Bootstrap 模式时无法获得模糊的背景

动态使用时波浪号不转换为绝对路径

用 flexbox 和 overflow 覆盖

是否可以使用纯 css 创建具有斜角效果的锯齿形边缘？

如何使用 html 和 css 添加超链接功能