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

Popular posts from this blog

android - Spacing between the stars of a rating bar? -

html - Instapaper-like algorithm -

c# - How to execute a particular part of code asynchronously in a class -