There is a display
option that works as a half-way house between inline
and block
, designed for exactly this kind of situation...
it's called
display:inline-block;
Use this instead of block
, and your element will still flow in your content as if it were inline
, but will act as a block
for its contents, which means your ellipsis should work.