html - Wrap text in div with ellipses (+ drop wrapping of floating div) -

OK, my head has been beaten against the desk for awhile .. want to get it

1) Header (NAV) should not be wrapped on one line (includes new-back, nav-title and nav-next)

2) When you want to delete the window , And when the window does not allow the ability to display all the text, then it should be disconnected with aliases (like 'also Hut long .. ')

Here am I:

  & lt; Div class = "nav" & gt; & Lt; Div class = "nav-back" & gt; & Lt; & Lt; / Div & gt; & Lt; Div class = "nav-title" & gt; & Lt; Div class = "nav-main-title" & gt; Want to wrap it with oval & lt; / Div & gt; & Lt; Div id = "default-page-sub-title" class = "nav-sub-title" & gt; Here's the same & lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "nav-next" & gt; & Gt; & Lt; / Div & gt;   
    
 
 
 you ' 
  
  CSS     pre>  .nav .nav-main-title,. Nav .nav-sub-title {white-space: nowrap; Hidden flurry; Lesson-Overflow: Oval; Width: Heir; }