Как выровнять абзац вверх? - PullRequest
Новая
       5

Как выровнять абзац вверх?

0 голосов
/ 02 сентября 2018

То, что я хочу сделать, это сделать так, чтобы у меня был один абзац в верхней части экрана и один прямо под ним, но немного меньше. Но когда я выполняю это, между абзацами возникает большой разрыв, который мне не нужен. Как мне исправить? 

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

Ответы [ 2 ]

0 голосов
/ 02 сентября 2018

Вы можете использовать поле margin: auto property. Надеюсь, это поможет! 

<!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>
0 голосов
/ 02 сентября 2018

Вы можете установить 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: Если нет, поделитесь, что именно вам нужно, а также прочитайте Тег шрифта

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...