こんな感じです。ポチは padding-left の所に border-radius で描いています。 画面を狭くすると折り返されます。整列されています。

私の場合は、セグメントの背景イメージに設定した。ボーダーが見えていたので、ボーダーを消しました。

↓こんな風に画像の周りを少しぼかして尖がった角を表示させない感じにできます。

↓こんな風に背景画像をぼかしてタイトルを表示することができます。

横の長さ に 縦の長さ を合わせるには下のようにします。こちら結構使えると思います。 ビフォー アフター