类表单对齐CSS

我遇到了一个动态编写的表单，我想样式，但我不确定如何样式这种样式的html->就像我正在使用的表单

<pre wrap="">
<form action="http://develop.jzm.co.nz/pyrocms/contact" method="post" accept-charset="utf-8" enctype="multipart/form-data">
    Name:<input type="text" name="name" value="" class="name" />
    Email:<input type="text" name="email" value="" class="email" />
    Message:<textarea name="message" cols="40" rows="10" class="message"></textarea>

<p class="contact-button"><input type="submit" name="send" value="Send"  /></p>
</form></pre>

姓名：
电邮：
信息：

我不确定您到底想做什么。但是我似乎能够通过

表单输入{}

和

表单文本区域{}

在JSFIDLE上：

---

如果有一个已经存在的样式表覆盖了您的样式，那么您可能会遇到一些问题。我忘记了它是由WYSIWYG控制的，

pre

标记是在我保存时添加的。我只是将它们更改为

@Arif只需要输入框的大致右对齐。我不知道为什么您需要在
标记中使用它。除此之外，您可以根据需要设置表单的样式。你能不能更具体地描述一下你想要的风格，你想用它做什么？@JamWaffles，代码是动态生成的，我似乎无法将id添加到标记系统中。我尝试过表单输入，但它似乎不起作用。你可以动态添加一个div标记，其中包含一个类，该类可以按你想要的方式格式化所有这些代码片段吗？@MikeDukeHall，我刚刚单击了pre标记由wyiswyg添加，因此您的想法应该有效