css - Input Boxes not aligning even after setting padding and margins -
i using following css code align input boxes, still nothing seems work:
.entryformdiv.input { padding-left: 100px; margin-left: 100px; left: 50px; width: 80px; text-transform: capitalize; }
what problem? have added class name on input definitions.
edited **
<div id="divbooksentryform" class="entryformdiv" runat="server"> <label id="lblbookname" class="label" runat="server">title of book: </label> <input id="inpbookname" class="input" runat="server" /><br /> <label id="lblauthor" class="label" runat="server">author: </label> <input id="inpauthor" class="input" runat="server" /><br /> <label id="lblpublisher" class="label" runat="server">publisher: </label> <input id="inppublisher" class="input" runat="server" /><br /> <label id="lblcategory" class="label" runat="server">category: </label> <input id="inpcategory" class="input" runat="server" /><br /> <label id="lblsubcategory" class="label" runat="server">sub-category: </label> <input id="inpsubcategory" class="input" runat="server" /><br /> <label id="lblpurchasedate" class="label" runat="server">dt. of purchase: </label><br />
1 - put space between these:
.entryformdiv .input
what wrote means: items has both classes .entryformdiv
, .input
. space, means items class .input
inside items class .entryformdiv
.
2 - left
can applied if position
other static
.
Comments
Post a Comment