我需要对屏幕右侧的两个p标记进行列对齐,如以下代码所示:

.divsignature{
  font-weight: bold;
  float:right;
  }

.signature{
  padding: 15px 30px 10px 0px;
}
<div class="divsignature">
  <p class="signaturetext">Signature for acceptance</p>
  <p class="signature">__________________________________</p>
</div>

但我希望书面的"接受签名"相对于下面的行居中,即相对于带有类签名的p标记.

有谁能帮帮我吗?

推荐答案

使用这个;

.divsignature{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-weight: bold;
    float: right;
}

/* Remove the .signature padding */

.divsignature {
    text-align: center;
    font-weight: bold;
}

.signaturetext {
    text-align: center;
}

/* Remove the .signature padding */

Whichever w或ks best f或 you.

Html相关问答推荐

打印pdf时100 vh迪夫有半页高

每次在视口中运行动画

未显示新组件的视图

防止SVG边框半径zoom

Angular 分量被循环

如何在元素的三条边中间换行边框?

窗口视图之外的下拉菜单位置

单独处理Button:Focus的多行按钮

carousel 的垂直滚动按钮居中

默认情况下使用Disbale Scroll,但在单击图标后将其激活

如何使背景图像在面包屑中相互重叠

布局更改时的转换

对齐列表项内的文本,使其不在元素装饰下

为什么
标签在 Edge 和 Firefox 中的编号会有两种不同的结果?

将表格标题和过滤器调整到表格的顶部边缘

如何在 blazor 中单击单个按钮调用 2 个等待任务

右对齐 bootstrap 导航项而不是下拉菜单

font awesome 的 CDN/CSS 如何工作?

使用 tailwind css 将 HTML/CSS/JS 站点转换为 React App

CSS:如何在模糊的背景上剪切文本?