Html 如何垂直对齐元素？
这里我有我的网站，特别是这是用户页面。 现在，问题是标题元素（和其他元素）不显示在同一行中。我的意思是： 我怎样才能解决这个问题？以下是HTML和CSS代码： HTML:Html 如何垂直对齐元素？,html,css,Html,Css,这里我有我的网站，特别是这是用户页面。 现在，问题是标题元素（和其他元素）不显示在同一行中。我的意思是： 我怎样才能解决这个问题？以下是HTML和CSS代码： HTML: 我试了各种方法，但都没有。我能做什么？您的p1和p-left元素可以通过使用内联块显示和垂直对齐来对齐。您必须相应地设置宽度 #p-左{ 显示：内联块； 垂直对齐：中间对齐； 利润率：0.20px； } #p1{ 显示：内联块； 垂直对齐：中间对齐； 文本对齐：居中； 颜色：白色； 字体大小：20px； } @simon为我
我试了各种方法，但都没有。我能做什么？您的p1和p-left元素可以通过使用
内联块垂直对齐来对齐。您必须相应地设置宽度
#p-左{
显示：内联块；
垂直对齐：中间对齐；
利润率：0.20px；
}
#p1{
显示：内联块；
垂直对齐：中间对齐；
文本对齐：居中；
颜色：白色；
字体大小：20px；
}
@simon为我的语法错误感到抱歉。我的英语说得不是很好。没问题，只是想提高你的帖子（如果你是这么想的话，我没有否决投票）。虽然请尝试提供一个较小的例子（你有更多的机会得到答案，这也是为什么你会得到反对票），但不清楚你希望它看起来如何。也许可以画出预期的设计？
<?php
session_start();
if(!isset($_SESSION['user'])){
header('Location: TESlogin.php');
}
else{
?>
<!DOCTYPE html>
<html>
<head>
<title>myTES</title>
<link href="myTES_style.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="tes-ico(1).ico" />
</head>
<body>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">& times;</a>
<a href="#">Home</a>
<a href="#">I miei consumi</a>
<a href="#">Il mio conto</a><br>
<a href="logout.php">Esci</a>
</div>
<div id = "main">
<div class="header">
<p id = "p1">My<b>TES</b></p>
<p id = "p-left" ><span style="font-size:20px; cursor:pointer;" onclick="openNav()">☰ </span></p>
</div>
<div id="pmain">
Ciao <b><?= $_SESSION['nome'] ?></b>
<i class="right"></i>
</div>
<hr>
<p align = "center"> il mio abbonamento <i class="down"></i></p>
<hr>
</div>
<!----- script in javascript per effetto comparsa laterale menu ----->
<script>
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
document.getElementById("main").style.marginLeft = "250px";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
document.getElementById("main").style.marginLeft= "0";
}
</script>
</body>
</html>
<?php
}
?>