title: ng2-bootstrap tooltip content line break at a certain position
body: <p>How do I put line break especially between {{UpdateTime}} and {{RawValue}} in ng2-bootstrap tooltip?</p>
  
  <p>html:</p>
  
  <pre><code>&lt;span tooltipPlacement="bottom" tooltipClass="customClass" tooltip="{{UpdateTime}} {{RawValue}}"&gt;{{DisplayName }}&lt;/span&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>.tooltip.customClass .tooltip-inner {
      -ms-word-break:  break-word;
      word-break:  break-word;       
      text-align: center;
      border:1px;
      border-style:solid;
      border-color:black;
      background-color: lightgray;
      color: black;
  }
  </code></pre>
  
  <p>It breaks within the tooltip box, but not in the right place, I need to have a line break right after {{UpdateTime}}, align in two lines. </p>
  
  <p>Thanks!</p>