css - 改行を考慮してラベルを揃えるには?

Question

左側にアイコンがあるラベルを作成していますが、すでに正常に動作しています:

<g:FlowPanel>
  <g:Image ... />
  <g:InlineLabel styleName="{style.label}" />
</g:FlowPanel>

ここで、ラベルの幅を制限してFlowPanel、長いテキストのラベルが自動的に改行されるようにします。しかし、壊れたテキストはアイコンの下から始まります。私が望むのは、アイコンの幅のように左にパディングしてテキストを開始することです。

例、「x」がアイコンの場合:

x my long
text

x my long
  text

2番目のスタイルを探しています。どうすればこれを達成できますか？

Answer 1

パネル コンテナーに左パディングを与え、画像を絶対位置に配置します。

Answer 2

InlineLabel と Image の両方の css に追加float:left;すると、ラベル テキストがブロックのままになり、アイコンに回り込まなくなります。