title: Avoid cutting lines in multiline text in overflow: hidden for fixed width/height container
body: <p>In a container with fixed width and height and overflow hidden, an overflowing multiline text may be cut in the middle of a text line as such:</p>
  
  <p><a href="https://i.stack.imgur.com/FEUBB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FEUBB.png" alt="enter image description here"></a></p>
  
  <p>How to avoid this?</p>
  
  <p>+
  Additionally, the width and height of this element is set via Javascript to mimick the width and height of a flexbox element populated with dynamic content. So I do not know the width and height until page load.</p>
  
  <p>+
  Additionally, as the height of the element is dynamic I cannot decide in advance the number of lines that the text should occupy. So I cannot set line-height in relation to that.</p>
  
  <p>I can modify line-height tho, and I can also modify font-size.</p>
  
  <p>Here is a live example of the problem:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.container {
    width: 500px;
    height: 200px;
    font-size: 2em;
    overflow: hidden;
    border: 1px solid red;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class='container'&gt;Al contrario del pensamiento popular, el texto de Lorem Ipsum no es simplemente texto aleatorio. Tiene sus raices en una pieza cl´sica de la literatura del Latin, que data del año 45 antes de Cristo, haciendo que este adquiera mas de 2000 años de antiguedad. Richard McClintock, un profesor de Latin de la Universidad de Hampden-Sydney en Virginia, encontró una de las palabras más oscuras de la lengua del latín, "consecteur", en un pasaje de Lorem Ipsum, y al seguir leyendo distintos textos del latín, descubrió la fuente indudable. Lorem Ipsum viene de las secciones 1.10.32 y 1.10.33 de "de Finnibus Bonorum et Malorum" (Los Extremos del Bien y El Mal) por Cicero, escrito en el año 45 antes de Cristo. Este libro es un tratado de teoría de éticas, muy popular durante el Renacimiento. La primera linea del Lorem Ipsum, "Lorem ipsum dolor sit amet..", viene de una linea en la sección 1.10.32
  
  El trozo de texto estándar de Lorem Ipsum usado desde el año 1500 es reproducido debajo para aquellos interesados. Las secciones 1.10.32 y 1.10.33 de "de Finibus Bonorum et Malorum" por Cicero son también reproducidas en su forma original exacta, acompañadas por versiones en Inglés de la traducción realizada en 1914 por H. Rackham.&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>