我有这个常规文本代码,它基本上只显示代码。但是我想这样做,艺术家会留在中间,我该怎么做?
<div class="content">
<b><p style="font-size:18px;line-
height:10px;color:black;">SONGNAME</b> <br /></div>
<p style="font-size:18px; color:#FF2C55; line-height:0;">ARTIST<br/>
</div>
&#13;
我尝试过的位置:固定;左:50%没用。我知道有很多例子,但我找不到类似的代码。
答案 0 :(得分:1)
将艺术家的文字对齐在中间。你的HTML也有一些标签问题。
#artist{
text-align: center;
}
&#13;
<html>
<head>
<meta content="en-us" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
</head>
<body>
<div class="content">
<b><p style="font-size:18px;line-
height:10px;color:black;">SONGNAME</b> <br /></div>
<div id = 'artist'>
<p style="font-size:18px; color:#FF2C55; line-height:0;">ARTIST<br/>
</p>
</div>
</body>
</html>
&#13;
答案 1 :(得分:1)
在ARTIST元素中添加text-align:center。
E--F--G--H
您还错过了SONGNAME元素的结束标记。 你也可以取消br标签,因为div本身就是块元素。
答案 2 :(得分:1)
添加&#39; text-align:center;&#39;到包含要居中的文本的元素的style属性。例如:
<html>
<head>
<meta content="en-us" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
</head>
<body>
<div class="content">
<b><p style="font-size:18px;line-
height:10px;color:black;">SONGNAME</b> <br /></div>
<p style="font-size:18px; color:#FF2C55; line-height:0; text-align:center;">ARTIST<br/>
</div>
</body>
</html>