gpt4 book ai didi

html - 如何将
右对齐,以便下面的
保持在下方,并且我可以在该
的左侧放置图像?

转载 作者:太空宇宙 更新时间:2023-11-04 00:49:29 24 4
gpt4 key购买 nike

抱歉,如果这有点乏味,这是我第一次出现堆栈溢出。我正在为学校做 HTML 作业,我们需要在那里建立自己的网站。我如何将文章放在页面的右侧,以便没有文章紧挨着它?提前致谢!

这是针对 HTML5 和 CSS3,在 VS Code 中构建站点。我试图让它 float: right;,但它使下面的文章在它旁边弹出。

我拥有的东西:

<article>Some text Some text some text</article>
<article>More text More text More text</article>

如上文所述,我试图让它漂浮起来,但并没有像我希望的那样奏效。唯一产生了一些像我想要的东西的东西,只是文章中的一吨 padding-left

我基本上正在尝试的是让它看起来像这样:

                                    Some text Some text some text along with some text

More text More text More text along with more text

最佳答案

这是一个例子!!!

.container {
width: 300px;
}

.left, .right {
display: flex;
}

.left {
justify-content: flex-start;
}

.right {
justify-content: flex-end;
}
<body>
<div class="container">
<article class="right">Some text Some text some text</article>
<article class="left">More text More text More text</article>
</div>
</body>

关于html - 如何将 <article> 右对齐,以便下面的 <article> 保持在下方,并且我可以在该 <article> 的左侧放置图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56306449/

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