CSS div内側にpaddingを入れて改行させたい

Question

divの内側の右にpaddingを入れてスペースを作り、それに合わせて改行させたいのですが、うまくスペースが作れません
詳しい方教えてください

<div style="width:100%;height:30px;background:blue;padding-right:-20%;box-sizing:border-box">
ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
</div>

Comments

[itagagaki]

どういう意図があってpadding-rightに -20% を設定しているのですか？

[rtya]

内側の右側に20%あけて、80%の地点で文字が改行されるようにしたいです

[itagagaki]

それならpadding-right: 20%でいいです。

Answer 1

一応回答を書いておきます。

padding-right:-20%;

親要素の幅の20%の幅の空白を右側に作り、そこで改行させるようにさせたいのなら、padding-right:20%;です。