如何在子div中对齐文本

Question

我正在尝试文本对齐以使用文本居中于div。 div内的文本需要与左边对齐。

在我的jsfiddle中

HTML

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

CSS

.parent {
    text-align:center;
}

.texts{
   //not sure what to do    
}

我需要在父div中有文本div中心，但在两行文本中没有缩进。我无法真正设置宽度，因为它们都需要响应。我该如何解决这个问题？谢谢！

https://jsfiddle.net/bh4pu001/

Answer 1

使用

＆＃13;

＆＃13;

.parent {
    text-align:center;
}

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

设置 display：inline-block;

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

Working fiddle

Answer 3

请使用以下代码

.parent {
    float:left;
}

.texts{
    float:left;
   text-align:center;
}

＆＃13;

＆＃13;

.parent {
    float:left;
}

.texts{
    float:left;
   text-align:center;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;