我正在使用WordPress设计我的网站，并且有一个联系表格7，该表格给了我格式化问题。以下代码是我在Contact Form 7插件中使用的代码：
[checkbox checkbox-584 use_label_element“竞争市场分析（CMA）-待售” “竞争性市场分析（CMA）-出租”“物业管理协议表格”“请求家庭访问”“请求任命办公室”]
...，它会在我的网站上生成以下HTML：
<span class="wpcf7-list-item first">
<label>
<input type="checkbox" name="checkbox-584[]" value="Competitive Market Analysis (CMA) - For Sale">
<span class="wpcf7-list-item-label">Competitive Market Analysis (CMA) - For Sale</span>
</label>
</span>
上面的代码段针对我的每个复选框项目重复。
在Safari和适用于MacOS的Chrome上，该复选框均显示为“正常”大小，但该行在显示标签之前自动换行。在装有Safari的iPad上，此复选框的高度比应有的高。
我在这里真正要完成的工作是将标签保持在复选框旁边的同一行。我在整个网络上都发现了非常相似的问题，在我看来，没有一种适用于其他人的解决方案可行。在我的wordpress主题中添加CSS行“ span.wpcf7-list-item {display：block;}”确实会阻止多个复选框显示在同一行上，因此我知道我的CSS正在被使用，并且我拥有正确的类，但是Safari网络检查器会指示复选框本身占据整个宽度。
我可能在解释这个问题上做得很糟糕。有问题的网站是bamcisrealty.com/property-management，这是问题所在的屏幕截图。非常感谢您的协助！
