html - How do align texts in the child div -

i trying text-align center on div texts. texts inside div needs aligned left.

in jsfiddle

html

<div class="parent">     <div class="texts">my text text text<br>my textmy text</div>     </div> 

css

.parent {     text-align:center; }  .texts{    //not sure     } 

i need have texts div center inside parent div no indentations on 2 lines of texts. can't set widths because needs responsive. how solve this? thank you!

https://jsfiddle.net/bh4pu001/

use

.parent {      text-align:center;  }    .texts{      display: inline-block;      text-align: left;  }

<div class="parent">      <div class="texts">my text text text<br>my textmy text</div>      </div>