Looking at the code below, I have a dropdown list and an image. Currently, the dropdown list and image are positioned very close together, but I would like to create some space between them by moving the image to the right. I tried using the align attribute set to right but it only created a small distance. Can someone please help me resolve this issue? CSS:
.custom-combobox {
position: relative;
display: inline-block;
height:35px;
width:90px;
}
.custom-combobox-toggle {
position: absolute;
top: 0;
bottom: 0;
margin-left: -1px;
padding: 0;
/* support: IE7 */
*height: 1.7em;
*top: 0.1em;
}
.custom-combobox-input {
margin: 0;
padding: 0.3em;
height:35px;
width:90px;
font-size:small;
}
.style11
{
width: 63px;
}
ASP.NET:
<td >
<asp:DropDownList ID="cbAutoList" runat="server">
<asp:ListItem Value="gmas"></asp:ListItem>
<asp:ListItem Value="gmas1"></asp:ListItem>
<asp:ListItem Value="gmas2"></asp:ListItem>
<asp:ListItem Value="gmas3"></asp:ListItem>
<asp:ListItem Value="gmas4"></asp:ListItem>
<asp:ListItem Value="gmas5"></asp:ListItem>
</asp:DropDownList>
</td>
<td class="style11">
<asp:Image ID="imgAutoList" ImageAlign="Right" ImageUrl="images\error.jpg" runat="server" />
</td>