Building Forms - Learn to Code HTML and CSS: Develop and Style Websites - page 224

17. </fieldset>
18. </form>
CSS
Click here to view code image
1. *,
2. *:before,
3. *:after {
4. -webkit-box-sizing: border-box;
5. -moz-box-sizing: border-box;
6. box-sizing: border-box;
7. }
8. form {
9. border: 1px solid #c6c7cc;
10. border-radius: 5px;
11. font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
12. overflow: hidden;
13. width: 240px;
14. }
15. fieldset {
16. border: 0;
17. margin: 0;
18. padding: 0;
19. }
20. input {
21. border-radius: 5px;
22. font: 14px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
23. margin: 0;
24. }
25. .account-info {
26. padding: 20px 20px 0 20px;
27. }
28. .account-info label {
29. color: #395870;
30. display: block;
31. font-weight: bold;
32. margin-bottom: 20px;
33. }
34. .account-info input {
35. background: #fff;
36. border: 1px solid #c6c7cc;
37. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
38. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
39. box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
40. color: #636466;
41. padding: 6px;
42. margin-top: 6px;
43. width: 100%;
44. }
45. .account-action {