我使用一个插件在我的网站上开发了一个定制表单(一个成本估计器).该表单的外观和工作方式应该是这样的,但我需要添加一些文本和一个按钮下的表单右栏(请参阅图片).

desired position of element

问题是,我使用快捷码在页面上显示表单,并且无法使用HTML在该列的正下方添加文本+按钮.灰色的两个表格栏位于弹性框中,右栏的长度与左栏的长度相同.

我想知道有没有办法通过css来实现这一点?我不知道我还能做什么!

以下是我的文本+按钮代码:

    <div class="button-holder-sim">
        <p style="font-style:italic">The above calculation is for simulation purposes only.</p>
        <a href="#" class="button button-appt">Request Appointment</a>
    </div> 

如何才能将此div向上推送到图像中所示的位置?任何建议都将非常、非常感谢!谢谢.

推荐答案

试试这个:

.button-holder-sim a {
  display: none;
}
.button-holder-sim:after {
  content: 'whatever needs to be displayed';
}
<div class="button-holder-sim">
    <p style="font-style:italic">The above calculation is for simulation purposes only.</p>
    <a href="#" class="button button-appt">Request Appointment</a>
</div> 

Html相关问答推荐

Bootstrap右和左颈部

我已经在我的网站上创建了按钮,但我不能让它们正确排列.'

有没有可能设置div的边框宽度相对于其父宽度和高度?'

防止SVG边框半径zoom

对称渐变作为背景

当光标悬停在(相同)父元素上方时,为多个子元素创建不同的过渡动画

根据屏幕大小拆分长行列表

十进制数字不适用于格网项目的格网布局线放置中使用的SPAN关键字

如何制作带有粘性头和脚的可滚动车身

为什么index.html在Django中有这样的名称?

如何将多个类名组合到CSS中的一个关键帧

带有图像的虚线边框

如何使活动选项卡背景作为父背景图像

如何在Rmarkdown中添加千位分隔符?

当悬停时,同时影响相邻的两侧div

Tailwind:父母动态适应子元素的身高

Angular:从服务器下载 HTML 并打印

将背景图像裁剪成两半

如何使文本显示在页眉/页脚之外?

我的卡片内容无法在 bootstrap 5 中正确居中