Как отрегулировать текст как оправданный в теге div

Question

<div style="text-align:justify; text-justify:newspaper;width:300px;height:200px;border:1px solid"> 
<p> 
We are a mix of young, energetic individuals mentored by experienced seniors who as a team are passionate about continually moving out of our comfort <br> zones. 
some text 

</div> 

У меня есть много текста для добавления на веб-страницу. Я не могу настроить текст как обоснованный. с левой стороны все в порядке, но с правой стороны это не нормально .. скажите, пожалуйста, изменения. Я хочу, чтобы добавить текст, как и в газетном формате ..

Answer 1

Попробуйте это: http://jsfiddle.net/945cn/1/

Вы имели случайный, ненужный <p> тег без закрытия </p> тега, так что я удалил его. Кроме того, я предлагаю не использовать встроенный css и поместить css в таблицу стилей, как я показываю в своем JSFiddle. Дайте мне знать, если это сработает для вас.

HTML:

<div class="justified"> 
    We are a mix of young, energetic individuals mentored by experienced seniors who as a team are passionate about continually moving out of our comfort 
    <br>zones. some text 
</div> 

CSS:

.justified { 
    text-align:justify; 
    width:300px; 
    height:200px; 
    border:1px solid 
}