I am wondering if it is possible to left align text below center aligned text, so that both texts start from same position.

In the example figure. The TITLEs are center aligned and the copy below is left aligned. 

How can you realise something like this with CSS?

[![enter image description here](https://i.stack.imgur.com/3Rci7.png)](https://i.stack.imgur.com/3Rci7.png)

Here is a JSFiddle to start from

<https://jsfiddle.net/j5p7v8m9/>

```
<div>
  <p style="text-align: center;">TITLE</p>
  <p style="text-align: left;">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
  </p>
</div>

```