title: How to display a paragraph / block of words using A-Frame?
body: <p>I am currently developing a tool in my work which will be having augmented reality (AR.js). My problem is that I must display a paragraph of text using A-frame. <strong>My question is how to do it?</strong></p>
  
  <p>I am using the <code>&lt;a-text&gt;</code> tag in displaying the text. If there is only 1 line of text that I am displaying, I have no difficulty in displaying it but if I have many words and I needed to display it, the lines overlaps with each other.</p>
  
  <p>Here is a sample output of a single line of text:</p>
  
  <p><a href="https://i.stack.imgur.com/kAWZe.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kAWZe.jpg" alt="enter image description here"></a>
  Here is the output of the paragraph. The lines of the paragraph overlaps with each other. </p>
  
  <p><a href="https://i.stack.imgur.com/taQvR.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/taQvR.jpg" alt="enter image description here"></a></p>
  
  <h2>P.S.</h2>
  
  <p>Here is my code. I am separating the paragraph first in a controller to smaller strings that the monitor can display.</p>
  
  <pre><code>@if (isset($value-&gt;words))
      @foreach ($value-&gt;words as $key =&gt; $words)
          &lt;a-text value="{{ $words }}" rotation="-90 0 0"&gt;&lt;/a-text&gt;
      @endforeach
  @else
      &lt;a-text value="{{ $value-&gt;text }}" rotation="-90 0 0"&gt;&lt;/a-text&gt;
  @endif
  </code></pre>
  
  <p>It is in Blade. The <code>$value-&gt;words</code> contains the array of strings that has been separated and the $value->text is the original text.</p>