gpt4 book ai didi

html - 如何使用 css 在用户定义的框中包含文本?

转载 作者:行者123 更新时间:2023-11-28 17:18:10 24 4
gpt4 key购买 nike

我试图将文本 float 在图像旁边,但它总是被推到图像的底部。我已经将一个向右浮动,一个向左浮动,但无济于事。

最佳答案

这是否是您要找的东西? Plunker

CSS

.myClass {
border: 1px black solid;
display: inline-block;
text-align: left;
padding: 15px;
margin: 15px;
float: left;
}
img {
margin: 15px;
}

html

<!DOCTYPE html>
<html>

<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>

<body>
<div class="myClass">
<h1>Hello Plunker!</h1>
<p>This is some text besides a photo</p>
</div>
<img src="http://placehold.it/350x150">
</body>

</html>

关于html - 如何使用 css 在用户定义的框中包含文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43191375/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com