text align justify not working on add_shortcode生成的元素

Question

這是我一生中遇到的最奇怪的問題，我已經調試了近5個小時，因爲我有一個很長的代碼，直到我得到這個意識到其不工作的原因是由於HTML代碼的生成方式。

只需選中該頁面，http://sites.symmetricsweb.com/

第一個框HTML代碼是與第二盒一樣，

然而，文本對齊證明是不工作的第二個框，

第一個框使用頁面編輯器添加html代碼

<div class="checs"><div></div><div></div><div></div><div></div></div> 

而第二個盒子是使用add_shortcode功能生成的，

add_shortcode('test_short','my_function'); 
function my_function() { 
    ob_start(); 
    echo '<div class="checs"><div></div><div></div><div></div><div></div></div>'; 
    return ob_get_clean(); 
} 

但如果檢查HTML源代碼，你將不會看到任何區別，

我並不真的需要一個解決方案，這是有很多方法，我知道在箱子上均勻地分開，我只是想知道爲什麼text-align:justify這樣做的原因是什麼。

希望有什麼好的解釋。

由於

Answer 1

生成的HTML 不等同於第一組的div。

從頁面的源代碼 - 第一組：

<div><strong>Added Directly on Page Editor</strong></div> 
<div class="checs"> 
<div></div> 
<div></div> 
<div></div> 
<div></div> 
</div> 

和第二組 -

<div><strong>Generated using add_shortcode()</strong></div> 
<div class="checs"><div></div><div></div><div></div><div></div></div> 

書面的CSS需要回車的空白空間的div了正常。

Demo