Zuviel Markup

[heinetz]

Hallo Forum,

ich habe hier das Verhalten zweier Content-Elemente im Viewport simuliert:

a) https://codepen.io/heinetz/pen/jQpBKZ
b) https://codepen.io/heinetz/pen/pQZbEg

Man sieht das beide Elemente sich konstruktionsbedingt unterschiedlich ausbreiten. Um diese Darstellung zu erreichen, braucht es um jedes Content-Element zusätzliches Markup. Ohne das zusätzlich Markup kann ich die Darstellung nur bis hierher annähern:

c) https://codepen.io/heinetz/pen/wQxddX
d) https://codepen.io/heinetz/pen/mQjmEw

Ist die Darstellung von a und b mit dem Markup aus c und d möglich? Mit Pseudoelementen vielleicht? Oder kommt man zumindest mit weniger Markup aus?

Was meint Ihr?

danke und

gruss, heinetz

(Edit by Rolf B: Links zu Links und Listen zu Listen gemacht)