css - Contact 7 表单样式问题

标签 css

我正在尝试使用 contact 7 创建一个表单,以节省验证和清理时间。但是,我似乎对它的布局有疑问 - 我尝试了各种设置宽度和 float 每个 div 的方法,但这些字段似乎不希望出现在同一行上。

目前它在页脚的底部

我试图让它看起来像下图。

非常感谢

最佳答案

.first-row > p {
    display: inline-block;
    float: left;
    width: 50%;
}
.first-row .wpcf7-text {
    float: left;
    width: 85%;
}

关于css - Contact 7 表单样式问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19200797/

相关文章:

html - 移动网站显示不正确

css - 如何进行类似翻页的转换 : rotateY?

javascript - 使用 div.style.display "block": "none" to hide/unhide based on 2 checkboxes

css - 页脚的填充使其扩展到其父 div 宽度

php - php中用于电子邮件内容的样式变量

javascript - 想更改 jcarousel 皮肤,但现在 div 完全丢失

php - 如何更改 Drupal 中的页脚位置?

javascript - 创建不带滚动条的可滚动弹出框

Javascript - 如何在 html 页面上显示下周三的日期

css - 如何能够在 flexbox (CSS) 内滚动覆盖 div?