Question

我有这个常规文本代码，它基本上只显示代码。但是我想这样做，艺术家会留在中间，我该怎么做？

＆＃13;

<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％没用。我知道有很多例子，但我找不到类似的代码。

Answer 1

将艺术家的文字对齐在中间。你的HTML也有一些标签问题。

＆＃13;

#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;

Answer 2

在ARTIST元素中添加text-align：center。

E--F--G--H

您还错过了SONGNAME元素的结束标记。你也可以取消br标签，因为div本身就是块元素。

Answer 3

添加＆＃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>

HTML位置文本在中心

3 个答案: