title: Indent a wrapped text
body: <p>I currently have this text that is wrapped by using the following style</p>
  <pre><code>&lt;pre style=&quot;font-family: inherit; white-space: break-spaces; word-break: break-all;&gt;&lt;/pre&gt;
  </code></pre>
  <p>The problem is that the text in the <code>jws</code> property doesn't respect the indentation of the previous properties (<code>verificationMethod</code>)</p>
  <p><a href="https://i.stack.imgur.com/FfxIz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FfxIz.png" alt="enter image description here" /></a></p>
  <p>Is there a way to start the next line from the red bar?</p>
  <p>The text is simply</p>
  <pre><code>&lt;pre style=&quot;font-family: inherit; white-space: break-spaces; word-break: break-all;&gt;
  ...
  &quot;verificationMethod&quot;: &quot;proof_verification_method&quot;,
  &quot;jws&quot;: &quot;YLkE1a599r244BP9SZ99owq93B411d3iU2H7589X7Tx7zUQPJ8VLblPtm2PL4bGR0Y2tym630tzEpTtFNoD41Oy8o5QMpSSa8Cf1C5M55Vz228Sy73eMGO3n87v59o5Cz0o6x8N118761I860Z574g1OhW1C19LiLv96h883101690D3AYRE7m63i4YmE26t6LV2s7Ax27TsxRe7Q542YPj03M4hP2mMq743459n3w5B84vzIU8UtVaNf036E115641aO8OsED9c5FMl50320L6JW77a92t4J45G9Ht6NGw8vtR75V431x96756g780R6715CF43396E0s57H1S5Xa7921l80knj73F3H5kG9F14735JIr3LnI4Yod9iPD25p42DhQXx1nKF881A432d895D8K3rFJFk93mBI3h97MI9P3vf52506785oX1333v9z3W6ZmK5t5Eh1xWkijv3Wd832oDMhWVGU40S4Kh7q29c4Ym405H8&quot;
          }
  }
  &lt;/pre&gt;
  </code></pre>