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