按钮下方的居中文字

幸运的

如何在行内列内的按钮下方将文本居中?我想将<small>标签内的文本恰好在按钮下方的中心对齐

HTML:

<div class="container">
            <div class="row">
                <div class="col-md-9 vcenter">
                   <h2>Talk to us about your <span class="u">next</span> building project. </h2>
                </div>
                <div class="col-md-3">
                    <button class="btn btn-quote">Get A Free Quote</button>
                    <small>We will contact you within 24 hours.</small>
                </div>
            </div>
        </div>

当前结果

我想要的是

哪一个

按钮在中间吗?如果是这样,你只要给Text-align: center你的<small>股利。

你能给你想要的行为的图片吗?

编辑:即使这样,文本也不在中间,您可能要添加一个或两个:display: block和/或width: 100%<small>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

按钮下方的居中文字

来自分类Dev

尝试使用垂直居中文字和下方圆圈文字创建圆圈

来自分类Dev

Pygame-如何居中文字

来自分类Dev

在图像上居中文字

来自分类Dev

CSS居中文字与长字

来自分类Dev

Jekyll Kramdown如何居中文字

来自分类Dev

以背景颜色正确居中文字

来自分类Dev

居中文字并图标向左对齐

来自分类Dev

在页脚中以图像居中文字

来自分类Dev

在php图像中居中文字

来自分类Dev

Android中文字右侧的按钮

来自分类Dev

垂直居中文字仅在底部溢出

来自分类Dev

img旁边的居中文字被<br />破坏

来自分类Dev

结合绝对位置和居中文字

来自分类Dev

垂直居中文字出现问题

来自分类Dev

样式锚点内的居中文字

来自分类Dev

垂直居中文字出现问题

来自分类Dev

离子列表插入中的居中文字

来自分类Dev

Vuetify-用居中文字(两轴)制作方形v卡

来自分类Dev

动态创建的div中图像旁边的居中文字。jQuery的

来自分类Dev

<p>中的水平居中文字显示:表格单元格?

来自分类Dev

居中文字向左浮动图片,然后删除所有浮动图片以供移动显示

来自分类Dev

AngularJS uigrid筛选器按钮显示为中文字体

来自分类Dev

更改代码片段中文字的顺序

来自分类Dev

CSS中文字前的斜线

来自分类Dev

iText - 不显示中文字符

来自分类Dev

Flex 中文字内的多行匹配

来自分类Dev

如何将背景图片与h1中居中文字的左侧对齐?

来自分类Dev

文字下方居中对齐线