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

标签 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>

最佳答案

对于文本,您可以使用“text-align”,对于 block ,您可以使用“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>

关于html - 如何从嵌套元素中覆盖对齐方式 - HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35977099/

相关文章:

html - 带有 float 元素的行中的中心图像

javascript - ng-repeat 元素没有显示

android - 我的网站无法在 iPhone 上正确缩放

javascript - 为什么 Chrome 在使用后退按钮后不显示选定的 <option> 元素?

php - 在 WordPress 中将插件添加到侧边栏文件

html - div 背景显示错误似乎与使用具有 3 个 z-index 级别的 css 网格区域的属性无关

javascript - 动态管理单元小部件

Html 防止 p 和 div 之间的换行

javascript - 有没有办法旋转链接上的悬停突出显示? (不是元素)

javascript - 在附加元素上触发 CSS 过渡