Html css中的垂直对齐
我在当前安排下得到以下输出。 我希望红色单词在相同的垂直位置对齐，并产生以下结果。Html css中的垂直对齐,html,css,Html,Css,我在当前安排下得到以下输出。 我希望红色单词在相同的垂直位置对齐，并产生以下结果。 您可能正在查找文本对齐：左 同时检查并使用文本对齐：左示例： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title of the document</title> <style> .text-left{ text-align:left;
您可能正在查找
文本对齐：左同时检查并使用文本对齐：左示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
<style>
.text-left{
text-align:left;
width:700px;
margin:0 auto;
border:1px solid red;
}
p span{
color:#F00;
font-weight:600;
}
</style>
</head>
<body>
<div class="text-left">
<p><span>Label 1</span> Content</p>
<p><span>Label 2</span> Content</p>
<p><span>Label 3</span> Content</p>
</div>
</body>
</html>
文件标题
.左文本{
文本对齐：左对齐；
宽度：700px；
保证金：0自动；
边框：1px纯红；
}
p跨度{
颜色：#F00；
字号：600；
}
标签1内容
标签2内容
标签3内容
#wrapper<div id="wrapper">
<div>
<span>red label:</span>
<span>value</span>
</div>
<div>
<span>second red label:</span>
<span>loooooooooooong value</span>
</div>
</div>
<style>
#wrapper {margin: 0 auto; display: table; background: #eee;}
#wrapper div > span:first-child {color: red;}
</style>
红色标签：
价值
第二个红色标签：
Looooong值
#包装器{margin:0自动；显示：表；背景：#eee；}
#包装器div>span:first-child{color:red；}
垂直水平text align:leftpadding left