<div id="div1">
<div id="div2">
█ █ █ █ █
▇ ▇ ▇ ▇ ▇
▇
</div>
</div>
請教一下版上前輩
要將第三列的方塊至左對齊如下圖：
<div id="div1">
<div id="div2">
█ █ █ █ █
▇ ▇ ▇ ▇ ▇
▇
</div>
</div>
如果寫成<div id="div2" style="text-align:left;">
則會變成三列都靠左對齊，如下圖：
<div id="div1">
<div id="div2">
█ █ █ █ █
▇ ▇ ▇ ▇ ▇
▇
</div>
</div>
有沒有什麼方法可以解決？
謝謝！

#div2{width:xxx;margin:x auto;text-align:left;}

div1都不用設定嗎？

flex(?

text-align-last

用你最後一個結果，再加上把div1的寬度縮小後並置中就可以了

不能幫 div1 加個 padding 嗎

https://jsfiddle.net/kos0616/0kvpr6hg/1/基於dinos的方式大概會是像這樣