Как разместить текст на одной строке в Div?

Question

Я хочу расположить текст в элементе div, чтобы строка текста оставалась на одной и той же строке и не переносилась на несколько строк.

Я попробовал добавить nwrp свойство div, добавив образец текста, но, как показано на скриншоте ниже, текст переносится на несколько строк:

<div runat="server" id="OfferStatusString" class="col-xs-3 col-sm-3 col-md-2 nwrp"><p><strong>This text is strong, testing that the text doesn't wrap to the next line using nwrp property of bootstrap. Text should stay on the same line on the window</strong>.</p></div>

Кто-нибудь знает, как указать расположение текста div, чтобы остаться на той же строке?

Этот div содержится в элементе управления Repeater, как показано ниже:

<asp:Repeater ID="repeaterApplicationItems" runat="server" OnItemDataBound="repeaterApplicationItems_ItemDataBound" >
                                <ItemTemplate>
                                    <div class="row applicationitems mrgn lhgt">

                                        <div runat="server" id="OfferStatusString" class="col-xs-3 col-sm-3 col-md-2 nwrp"><strong><%# (string)Eval("ApplicationItemStatusString").ToString() %></strong></div>


                                    </div>
                               </ItemTemplate>
                            </asp:Repeater>

Answer 1

Так что используйте это:

div {
    overflow: hidden;
    white-space: nowrap;
}

jsFiddle