Html 如何对齐段落?

Html 如何对齐段落?,html,css,alignment,Html,Css,Alignment,我想做的是把它做成这样,我在屏幕的顶部有一个段落,在它的正下方有一个段落,但要小一点。但是,当我执行这个时,在我不想要的段落之间有一个很大的间隙。我怎么修理 <!DOCTYPE html> <html> <body> <style> .p1 { color: blue; } .p2 { color: red; } </style> <p class="p1" align="center"><font size="10

我想做的是把它做成这样,我在屏幕的顶部有一个段落,在它的正下方有一个段落,但要小一点。但是,当我执行这个时,在我不想要的段落之间有一个很大的间隙。我怎么修理

<!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>

.p1{
颜色:蓝色;
} 
.p2{
颜色:红色;
}

欢迎来到PlieaExploits

我们就是家 罗布洛的功绩


您可以为
.p1
.p2
类设置
边距:0
。它将如下所示:

另一件事是,您的代码中缺少关闭
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>

.p1{
颜色:蓝色;边距:0;
} 
.p2{
颜色:红色;边距:0;
}

欢迎来到PlieaExploits

我们就是家 罗布洛的功绩

希望对你有帮助


注:如果没有,请分享您的具体要求,并阅读此

您可以使用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>

.p1{
颜色:蓝色;边距:自动;
} 
.p2{
颜色:红色;边距:自动;
}

欢迎来到PlieaExploits

我们就是家 罗布洛的功绩