Выровнять элементы управления на веб-странице

Question

Я не слишком знаком с дизайном веб-страницы и у меня возникла проблема. У меня есть следующий список данных, который отображается нормально, но это раздел в нижней части, с которой я имею. Я хочу, чтобы изображение гиперссылки находилось в одной строке с текстом «Детали». К сожалению, текст появляется под элементом управления гиперссылкой. Легко ли исправить то, что я хочу? Должен ли я использовать разметку «div» вместо <tr> и <td>?

<asp:DataList ID="dgDownloads" Width="100%" runat="server" EnableViewState="false" >
    <ItemTemplate>            
            <tr>
                <td>
                    <h3 class="mast3"><%# DataBinder.Eval (Container.DataItem, "Alias", "Reported by : {0}")%></h3>
                </td>
                <td>
                    <h3 class="mast3"><%# DataBinder.Eval(Container.DataItem, "CreationDate", "Reported on : {0:dd/MM/yyyy}")%></h3>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <h3 class="mast6"><%# ((System.Data.IDataRecord) Container.DataItem)["Heading"] %></h3>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <asp:HyperLink CssClass="buttonStyle" ImageUrl="../images/bg/download.png" runat="server" NavigateUrl='<%#((System.Data.IDataRecord) Container.DataItem)["FileURL"] %>' />
                    <%# ((System.Data.IDataRecord) Container.DataItem)["Details"] %><ln/><br/><br/>
                </td>
            </tr>
    </ItemTemplate>
</asp:DataList>

Answer 1

Ваш список данных недостаточно широк, чтобы уместить изображение гиперссылки и подробный текст в один ряд?

Попробуйте это:

<span style="white-space:nowrap;"><asp:HyperLink CssClass="buttonStyle" ImageUrl="../images/bg/download.png" runat="server" NavigateUrl='<%#((System.Data.IDataRecord) Container.DataItem)["FileURL"] %>' />&nbsp;<%# ((System.Data.IDataRecord) Container.DataItem)["Details"] %></span>