如何从嵌套元素中覆盖对齐 - HTML

时间:2016-03-13 23:15:45

标签: html css

我如何调整段落"我希望对话。"从右边?以下代码无法做到这一点。

<head>
<style> 
.LeftA {
align: left; 
} 
</style> 
</head>
<body>
<div class="LeftA">

<p>I am on left.</p>

<p style="align: right;">I wish to be on right.</p>

</div>
</body>

1 个答案:

答案 0 :(得分:1)

对于文本,您可以使用“text-align”和块“float” 您不必使用“text-align:left”,因为它是默认值。

.text-right {
  text-align: right;
}
.right {
  float: right;
}
.box {
  width: 20px;
  height: 20px;
  background: red;
}
.box.right {
  background: blue;
}
<p>I am on left.</p>
<p class="text-right">I wish to be on right.</p>


<div class=" box "></div>
<div class="box right "></div>