The wurst is a div inside of the bun div.
The bun is display:block
The wurst is 100%
We want a longer sausage!
The bun is display:block
The wurst is 110%
We want a centered sausage!
The bun is display:block
The wurst is 110%, position:relative, right 50%, and Transform left -50%
Let's center the child inside of a display:flex parent (easier, but sometimes you can't use flex for reasons).
The bun is display:flex with justify center
The wurst is 110%, and flex-child don't shrink or grow
Seriously, no mustard?
Nope.
Oops, a seagull stole your hotdog!