asp.net-mvc-4 - 非表示のスパンを追加するときにページのフォーマットが失われないようにする方法は?

Question

会議セッションの for ループを持つ asp.net mvc4 カミソリ ページがあります。繰り返しのたびに、検索を実行できるように、いくつかの隠しデータをダンプしたいと考えています。問題は、この非表示のデータをダンプすると、書式設定が崩れ、ページが斜めになることです。それが起こらないようにする方法について何か提案はありますか? style="visibility: hidden" のスパンは、実際には画面に影響を与えないと思いました。

問題のあるコードがコメントアウトされている場所を以下に示します。コメントを外すと、ページが正しく表示されます。

<div id="currentSession">
    <span id="sortsessionTitle"><span id="sessionTitle_@session.Id"  
                                        title="@session.Title">@session.TitleEllipsized</span>

    </span>
    <br />
    <i>by</i>
    @{ var multipleSpeakerSeparator = " "; }
    @foreach (var speaker in session.SpeakersList)
    {
        @multipleSpeakerSeparator
        <a href="@(speaker.SpeakerLocalUrl)" class="author" 
            id="speaker_@(speaker.AttendeeId)" 
            speakerId="@speaker.AttendeeId"> @speaker.UserFirstName @speaker.UserLastName </a>
        multipleSpeakerSeparator = ",";
    }
    @*<span style="visibility: hidden;">

        @foreach (var speaker in session.SpeakersList)
        {
            if (!String.IsNullOrEmpty(speaker.Company))
            {
                @speaker.Company;
            }
        }
        @session.TagListArrayString
    </span>*@

    @if (Model.ShowAgendaOnSchedule)
    {
        <span id="spanSessionTime"> @session.SessionTime &nbsp;&nbsp;</span>
    }

    @if (Model.ShowRoomOnSchedule)
    {
        <span id="spanSessionRoom"> Room: @session.RoomNumber </span>
    }
</div>