<!DOCTYPE html>
<html>
  <head>
    <title>Text - 05 - Align</title>
    <script src="https://aframe.io/releases/1.4.0/aframe.min.js"></script>
  </head>
  <body>
    <a-scene>
      <a-sky color="blue"></a-sky>

      <a-text
        position="0 3 -2"
        value="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tempus arcu semper risus mollis, tempus ultrices sapien mattis."
        align="left"
      ></a-text>

      <a-text
        position="0 2 -2"
        value="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tempus arcu semper risus mollis, tempus ultrices sapien mattis."
        align="center"
      ></a-text>

      <a-text
        position="0 1 -2"
        value="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tempus arcu semper risus mollis, tempus ultrices sapien mattis."
        align="right"
      ></a-text>
      <a-entity>
        <a-camera></a-camera>
      </a-entity>
    </a-scene>
  </body>
</html>