如何使用css和html将文本和位置居中

钟弼

我有一个 div(content) 类,其中文本 1 应居中,文本 2 应位于右侧。我尝试使用 position:absolute 但它的文本 2 脱离了 div。

       <div style="text-align: center;">              
          <div>
            <h3 class="content-title">Text1 </h3>              
          </div>
          <div style="position:absolute; right:20px; top:80px;">Text 2</div>
        </div>

下面是我想得到的图像。

点击这里查看图片

穆宾·艾哈迈德

只需添加position:relative;到主 div 并top:80px;text-2

<div style="text-align: center; position: relative;">              
  <div>
    <h3 class="content-title">Text1 </h3>              
  </div>
  <div style="position:absolute; right:20px; top:0px;">Text 2</div>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何使用CSS和HTML将导航栏居中

使用markdown和pandoc将HTML中的文本/图片居中

如何使用CSS和Bootstrap将两个文本居中?

如何使用fluidRow和mainPanel将文本居中?

如何使用CSS和JavaScript将标签居中?

如何使用CSS Flexbox将流体图像和标题居中?

如何使用HTML和CSS居中对齐社交媒体标签

如何使用CSS将文本垂直居中?

使用 div 和带有 css 的 h1 类时如何将文本居中对齐的语法是什么

如何使用绝对位置和左偏移量水平居中文本 Div

使用HTML和CSS在图像上居中的文本在网格上重叠

如何使用z-index和绝对位置将行内按钮居中?

如何在TextView中同时将文本和图标居中?

像<center>一样,如何使用css将html中的多行文本居中?

UIButton:如何使用imageEdgeInsets和titleEdgeInsets将图像和文本居中?

如何使用dash-bootstrap将标题文本垂直和水平居中

HTML和CSS的居中问题

HTML/CSS - 如何将两个“粘性”和“内联块”的 div 居中?

如何使用 html 和 css 在圆圈后移动文本

如何使用 CSS 和 HTML 在圆圈上添加文本?

如何使用Materialize CSS将文本输入居中?

如何使用CSS将文本导航栏居中

如何使用 CSS 将导航栏的文本居中?

MFC:如何使用环绕和 v 居中绘制文本?

如何将 div 网格居中(纯 JS 和 CSS)

使用 css 和 bulma 将表格内的按钮居中

Div容器不会使用CSS和HTML居中

颤动 - 将溢出的文本和剪辑居中

HTML和CSS-在徽标和按钮之间的标题中居中放置文本