Question

<div class="w-box-header" style="text-align: right;">
<div class="footer-text">
My Support Representative
</div>
<div>
<asp:Label ID="mcr_Name" runat="server" Text="Test Joe" /><br />
<asp:Label ID="mcr_email" runat="server" Text="[e-mail]" /><br />
<asp:Label ID="mcr_phone" runat="server" Text="P: [phone] ext. 143" /><br />
<asp:Label ID="mcr_fax" runat="server" Text="F: [phone]" />
</div>
</div>

The <br> is causing a lot of space to be put above/below the labels. Is there any way to override this spacing and have them be right under each other?

It looks like this:

Test Joe

[e-mail]

P: [phone] ext. 143

F: [phone]

How to force it like this:

Test Joe
[e-mail]
P: [phone] ext. 143
F: [phone]

Answer 1

Using divs, and remove BR’s

  <div class="w-box-header" style="text-align: right;">
        <div class="footer-text">
            My Engagex Support Representative
        </div>
        <div>
            <div>
                <asp:Label ID="mcr_Name" runat="server" Text="Test Joe" />
           </div>
            <div>
                <asp:Label ID="mcr_email" runat="server" Text="[e-mail]" />
            </div>
            <div>
                <asp:Label ID="mcr_phone" runat="server" Text="P: [phone] ext. 143" />
            </div>
            <div>
                <asp:Label ID="mcr_fax" runat="server" Text="F: [phone]" />
            </div>
        </div>
    </div>