title: Break display into multiple line for anchor tag
body: <p>My need is to display text into multiple lines i use bootstrap and it divided into 2 lines when width is completed but can is it possible to break the line when i need to break.?</p>
  
  <pre><code>@Html.ActionLink("Non-Owned &amp; Hired Auto", "", "", new { id=1}, new { })
  </code></pre>
  
  <p>In the above code auto line break after Hired word but i want to break line after this and sign (&amp;). Please guide me how to do this.</p>
  
  <p>I am using Asp.net Mvc with Razor View Engine.</p>
  
  <p>Following is the html view code.</p>
  
  <pre><code>&lt;div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"&gt;
      &lt;aside id="sidebar"&gt;
          &lt;nav id="side-nav"&gt;
                 &lt;ul class="nav nav-tabs" role="tablist"&gt;
                                    &lt;li id="basicDetailMenu"&gt;@Html.ActionLink("Basic", "", "", new { id = 1}, new { })&lt;/li&gt;
                                    &lt;li id="generalInfoMenu"&gt;@Html.ActionLink("General", "", "", new { id=1}, new { })&lt;/li&gt;
                    &lt;li id="priorCarrierMenu"&gt;@Html.ActionLink("Prior Carrier", "", "", new { id=1}, new { })&lt;/li&gt;
                    &lt;li id="propertyCoverageMenu"&gt;@Html.ActionLink("Property Coverage", "", "", new { id=1}, new { })&lt;/li&gt;
                            &lt;li id="liabilityCoverageMenu"&gt;@Html.ActionLink("Liability Coverage", "", "", new { id=1}, new { })&lt;/li&gt;
                    &lt;li id="nonOwnedMenu"&gt;@Html.ActionLink("Non-Owned &amp; Hired Auto", "", "", new { id=1}, new { })&lt;/li&gt;
                                    &lt;li id="liquorLiabilityMenu"&gt;@Html.ActionLink("Liquor Liability Coverage", "", "", new { id=1}, new { })&lt;/li&gt;
                    &lt;li&gt;&lt;a href="#tab5" role="tab" data-toggle="tab"&gt;Additional&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#tab6" role="tab" data-toggle="tab"&gt;Other&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/nav&gt;
      &lt;/aside&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is the css</p>
  
  <pre><code>#sidebar{
      overflow:hidden;
      margin:0 0 15px;
  }
  #side-nav{
      overflow:hidden;
      display:block;
  }
  #side-nav ul{
      margin:0;
      padding:0;
      list-style:none;
  }
  #side-nav ul li{
      font-size:14px;
      border-top:1px solid #465667;
  }
  #side-nav ul li a{
      color:#9eabba;
      padding:15px;
      display:block;
      background:#293440;
      transition:.5s all;
      height:50px;
      line-height:18px;
  }
  #side-nav ul li a span{
      float:left;
  }
  </code></pre>