css - Pardot 表单的样式 CSS

Question

我有一个 pardot(营销自动化工具)表单，我想设置输入字段的样式，例如名字、姓氏。公司和电子邮件以这样一种方式，他们应该垂直对齐，即。他们都应该从同一个点开始。现在他们在 label 之后开始。输入字段中 pardot 的 CSS 如下:

#pardot-form input.text {
                border:none;
                height:20px;
                padding:9px 10px;
                font-size:16px;
                margin-bottom:10px;
                margin-left:5px;
            }
            #pardot-form .field-label {
                font-weight:normal;
                font-family:"proxima nova", arial, sans-serif;
                margin-bottom:5px;
                font-size:16px;
                color:white;

            }

我想定位一个特定的输入文本文件，例如说公司，这样我就可以将它向左或向右移动，使其与刚好在其上方的输入文本文件对齐。我怎么做 ？谢谢

Answer 1

输入字段具有“inline-block”的默认显示属性，允许它们与其他内联或内联 block 元素并排流动。

尝试将 display: block 添加到您想要垂直排列的每个输入。

感谢 Louis Lazaris 的默认显示属性: http://www.impressivewebs.com/default-css-display-values-html-elements/