P标签旁边的表格

Question

我希望得到以下结论:我有一个文本包装在一个p-tag和一个提交按钮以及一个隐藏的输入字段,包含在一个表单标签中.我希望<p>标签中的文字和按钮出现在同一行,我该怎么做(用css)？

<p>This is a example message text.</p><form method="POST"></input><input type="hidden" name="delete_message_id" value=" 1 "></input><input type="submit" value="delete"></input></form>

因为我希望隐藏的输入字段与提交事件一起发送,所以我不能忘记包装form-tag.

Answer 1

默认情况下,两者<p>和<form>元素都显示为块元素.

更改'display'CSS属性以使其显示为内联:

p, form{
    display: inline-block;
}

此外,<input>标签是自动关闭; 你不包括</input>.(即使你这样做了,</input>打开后你还有一个无效的标签<form>).

的jsfiddle