与复选框及其相关文本的奇怪对齐

时间:2013-06-17 21:04:14

标签: css checkbox alignment

我在Visual Studio中有一个aspx网站项目但是现在我遇到了一个非常愚蠢的问题。我创建了一个复选框列表,用于从数据库中提取其列表项。没什么难的。工作得很好。但是,与复选框关联的文本似乎隐藏在父复选框下方。这是一张图片,你可以看到:

请点击此链接查看图片。由于没有足够的声誉,StackOverflow不会让我嵌入图片:

http://i.imgur.com/niwbHwq.png

这是我的代码与复选框相关联:

<div class="content-wrapper">
        <hgroup class="title">
            <h1>Welcome to the email creation system.</h1>
        </hgroup>
                 To begin, start selecting catagories below.
        <asp:CheckBoxList ID="StateCheckList" style="vertical-align: middle; white-space: nowrap; overflow: hidden; text-align: right" runat="server" DataSourceID="StateListDatabase" DataTextField="State" DataValueField="State" Font-Size="XX-Small" OnSelectedIndexChanged="StateCheckList_SelectedIndexChanged">
        </asp:CheckBoxList>
        <asp:SqlDataSource ID="StateListDatabase" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" ProviderName="<%$ ConnectionStrings:ConnectionString.ProviderName %>" SelectCommand="SELECT DISTINCT [State] FROM [MainTable]"></asp:SqlDataSource>
    </div>

非常感谢所有帮助!谢谢!

编辑: 以下是有关内容包装器的Site.CSS信息:

.content-wrapper {
margin: 0 auto;
max-width: 960px;}

这是整个Site.CSS的粘贴箱: http://pastebin.com/aFsmJ4MB

0 个答案:

没有答案