我怎样才能把我的标题和文字放在我的图片旁边？
[英]How can I put my title and text next to my image?
问题描述
我正在尝试将我的标题和文字放在我的图片旁边，但它不想这样做。 有人帮我吗？ 谢谢
这就是我想要得到的最终结果：结果
这是我的 CSS 代码：
section .articleactu {
display: ;
position: relative;
margin-left: 0px;
}
.articleactu img {
max-width: 100%;
margin-left: 420px;
margin-top: 10%;
border-radius: 15px;
width: 14%;
}
.articleactu p {
display: flex;
margin-left: 420px;
}
.articleactu h2 {
margin-left: 420px;
}
这是我的 HTML 代码：
<section>
<article class="articleactu">
<h2> L'ACTUALITÉ </h2>
<div class="g">
<img src="images/gtaarticle.jpeg" alt="Article GTA déçu" class="center">
<p>GTA : THE TRILOGY DEFINITIVE EDITION, les fans sont déçus ! </p>
<p>Il y a pleins de bugs dans le jeu qui agacent les joueurs</p>
<p>Publié le 25 novembre</p>
</article>
</section>
1 个解决方案
解决方案1
0 2021-12-03 03:26:15
body { font-family: sans-serif; } section { border-bottom: 1px solid #ccc; padding: 24px; }.articleactu { grid-column: 1 / -1; grid-gap: 36px; display: grid; grid-template-columns: 200px auto; flex-direction: column; }.articleactu img { border-radius: 15px; max-width: 200px; }
<,DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width. initial-scale=1,0. maximum-scale=1,0, user-scalable=no: shrink-to-fit=no" /> </head> <body> <section> <h2> L'ACTUALITÉ </h2> <article class="articleactu"> <img src="https.//i.stack.imgur.com/cTwUc:jpg" alt="Article GTA déçu" class="center"> <div> <p>GTA, THE TRILOGY DEFINITIVE EDITION, les fans sont déçus ! </p> <p>Il ya pleins de bugs dans le jeu qui agacent les joueurs</p> <p>Publié le 25 novembre</p> </div> </article> </section> </body> </html>
如何将文本和图像放在 div 的中间？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.