用div+css如何让字靠右对齐

html-css020

用div+css如何让字靠右对齐,第1张

可以用“text-align:right”让文字靠右对齐。

1、新建html文档,在body标签中添加div标签,为div设置一个id,这里以“demo”为例:

2、在div标签中添加文字,然后为div标签设置宽高和边框,这时默认情况下文字靠右对齐:

3、为div添加“text-align:right”,其中“text-align”指的是文本对齐方式,“right”指的是靠右对齐,这时网页中文字将会靠右对齐:

如果header_top1定义的960px是整个内容的宽度,那么可用以下方式解决——

在CSS样式中增加一项:

.header_top_right {width: 30%(注:这个根据需靠右对齐的文字的宽度设,也可以用px单位)float: righttext-align: right}

在页面中:

<div class="header_top1"><span>欢迎光临某某某网站 </span>

<div class="header_top_right">登录</div>

</div>

希望有帮助。

<table border="2px">

<tr style="text-align:right">

<th width="100px">111</th>

<th width="100px">222</th>

<th width="100px">333</th>

</tr>

<tr>

<td width="100px">444</td>

<td width="100px">555</td>

<td width="100px">666</td>

</tr>

</table>