title: white-space: pre-line alternative for Outlook
body: <p>I have to wrap some email text content in a <code>&lt;pre&gt;</code> tag so that the formatting keeps the line breaks but collapses unnecessary spaces.</p>
  
  <p>What I need is exactly the following:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;pre style="white-space: pre-line"&gt;Text here&lt;/pre&gt;
  </code></pre>
  
  <p>This works perfectly on the browser BUT, pre-line is not supported by outlook. That means, that I have to use 'pre-wrap' which respects the line breaks but keeps some really big unwanted spaces, which the client does not want. </p>
  
  <p>I can't edit the content of the text (like adding a <code>&lt;/br&gt;</code>), as it is generated by an external system, which does not allow any editing... </p>
  
  <p>I also tried the following:</p>
  
  <pre class="lang-css prettyprint-override"><code>white-space: normal;
  white-space: nowrap;
  white-space: pre;
  white-space: pre-wrap;
  white-space: break-spaces;
  </code></pre>
  
  <p>I also tried to use a div, instead of a <code>&lt;pre&gt;</code> tag, and also the <code>&lt;xmp&gt;</code> tag with white-space: pre-wrap and pre-line, <code>&lt;wbr&gt;</code> tag with same settings, but nothing gave me the expected results.</p>
  
  <p>This is the code, which I insert into the external system:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;pre style="white-space: pre-line"&gt;&lt;&amp;MEETING_INFO&gt;&lt;/pre&gt;
  </code></pre>
  
  <p>The code runs through an external system which generates the complete text which I cannot access. This is an example of a full code, including text after it is generated by the external system and sent to Outlook: </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;pre style="white-space: pre-line"&gt;
      Beginn:      27.05.2019 10:00 US/Eastern
      Ende:        27.05.2019 11:00 US/Eastern
      Kursleiter: Mustermann, Max
      Einrichtung:   Building A
      Veranstaltungsraum:   BC 33 - Raum 3.07 - Berlin
  &lt;/pre&gt;
  </code></pre>
  
  <p>Actual results as displayed in Outlook:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;pre style="white-space: pre-line"&gt;
      Beginn: 27.05.2019 10:00 US/Eastern Ende: 27.05.2019 11:00 US/Eastern
      Kursleiter: Mustermann, Max Einrichtung: Building A Veranstaltungsraum: BC 33 - Raum 3.07 - Berlin
  &lt;/pre&gt;
  </code></pre>
  
  <p>How it should be:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;pre style="white-space: pre-line"&gt;
      Beginn: 27.05.2019 10:00 US/Eastern
      Ende: 27.05.2019 11:00 US/Eastern
      Kursleiter: Mustermann, Max
      Einrichtung: Building A
      Veranstaltungsraum: BC 33 - Raum 3.07 - Berlin
  &lt;/pre&gt;
  </code></pre>
  
  <p>I tried everything and I'm desperate. Is there ANY alternative?? Many thanks for any help!</p>