HTML fieldset legend

1. . Depot-form fieldset {
2. Background: # efe;
3. }
5. . Depot-form legend {
6. Color: # dfd;
7. Background: #141;
8. Font-family: sans-serif;
9. Padding: 0.2em 1em;
10. }
12. . Depot-form label {
13. Width: 5em;
14. Float: left;
15. Text-align: right;
16. Margin-right: 0.5em;
17. Display: block;
18. }
20. . Depot-form. submit {
21. Margin-left: 5.5em;
22. }

 

1. <! --
2. ! Excerpted from "Agile Web Development with Rails, 2nd Ed .",
3. ! Published by The Pragmatic Bookshelf.
4. ! Copyrights apply to this code. It may not be used to create training material,
5. ! Courses, books, articles, and the like. Contact us if you are in doubt.
6. ! We make no guarantees that this code is fit for any purpose.
7. ! Visit http://www.pragmaticprogrammer.com/titles/rails2 for more book information.
8. -->
9. <Div class = "depot-form">
11. <% = Error_messages_for 'user' %>
13. <Fieldset>
14. <Legend> Enter User Details </legend>
16. <% Form_for: user do | form | %>
17. <P>
18. <Label for = "user_name"> Name: </label>
19. <% = Form. text_field: name,: size => 40%>
20. </P>
22. <P>
23. <Label for = "user_password"> Password: </label>
24. <% = Form. password_field: password,: size => 40%>
25. </P>
27. <P>
28. <Label for = "user_password_confirmation"> Confirm: </label>
29. <% = Form. password_field: password_confirmation,: size => 40%>
30. </P>
32. <% = Submit_tag "Add User",: class => "submit" %>
34. <% End %>
35. </Fieldset>
36. </Div>