如何对齐段落？

问题描述 投票：0回答：2

我想要做的就是让它在屏幕顶部有一个段落，在它下面有一个段落，但稍微小一点。但是当我执行此操作时，我不想要的段落之间存在很大差距。我该如何解决？

<!DOCTYPE html>
<html>
<body>
<style>
.p1 {
color: blue;
} 
.p2 {
color: red;
}
</style>
<p class="p1" align="center"><font size="10">Welcome To Plieaxploits!</p>
<p class="p2" align="center"><font size="5" vertical-align="top">We Are The Home 
Of Roblox Exploits!</p>
</body>
</html>
html css alignment
2个回答
1
投票

您可以为margin:0和.p1类设置.p2。它看起来像这样：with margins

另一件事是你错过了在你的代码中关闭font标签所以使用边距和关闭字体标记它将是：

<!DOCTYPE html>
<html>
<body>
<style>
.p1 {
   color: blue;margin:0;
} 
.p2 {
   color: red;margin:0;
}
</style>
<p class="p1" align="center"><font size="10">Welcome To Plieaxploits!</font></p>
<p class="p2" align="center"><font size="5" vertical-align="top">We Are The Home 
Of Roblox Exploits!</font></p>
</body>
</html>

希望它能帮到你。

PS：如果没有分享您的确切要求，也请阅读此Font tag

0
投票

您可以使用margin：auto属性。希望这可以帮助！

<!DOCTYPE html>
<html>
<body>
<style>
.p1 {
color: blue;margin:auto;
} 
.p2 {
color: red;margin:auto;
}
</style>
<p class="p1" align="center"><font size="10">Welcome To Plieaxploits!</p>
<p class="p2" align="center"><font size="5" vertical-align="top">We Are The Home 
Of Roblox Exploits!</p>
</body>
</html>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.