[分享]css两行字靠右对齐

我们在网页设计中经常需要对文字进行对齐，其中有一种情况是将两行字靠右对齐。这种情况下，我们可以使用CSS来实现。 我们可以通过设置p标签的textalign属性来实现两行字都靠右对齐的效果。代码如下：...

我们在网页设计中经常需要对文字进行对齐，其中有一种情况是将两行字靠右对齐。这种情况下，我们可以使用CSS来实现。
我们可以通过设置p标签的text-align属性来实现两行字都靠右对齐的效果。代码如下：

p {
  text-align: right;
} 

使用这个代码之后，我们所有p标签内的文字都会靠右对齐。如果我们只需要针对特定的两行字进行对齐，可以将这两行字单独放在一个p标签中，然后对这个p标签设置text-align属性。
例如，如果我们需要让“公司名称”和“联系电话”这两行字靠右对齐，可以这样写HTML代码：

<p>公司名称：</p>
<p>联系电话：</p> 

然后使用如下的CSS代码进行对齐：

p:nth-child(1),
p:nth-child(2) {
  text-align: right;
} 

这里使用了:nth-child伪类选择器来选中第一行和第二行的p标签，并将它们的text-align属性设置为right。这样“公司名称”和“联系电话”就都会靠右对齐了。
总结起来，让两行字靠右对齐的方法就是使用CSS的text-align属性，在p标签中设置为right。具体应用时，可以将需要对齐的两行字放在同一个p标签中，或者使用:nth-child伪类选择器选中需要对齐的p标签。