inline-block bryter rad ändå...

Permalänk
Medlem

inline-block bryter rad ändå...

Exempel: https://codepen.io/hibou/pen/GRwWJMV

Jag fattar inte varför texten inte börjar intill rubriken i båda fallen eller hur man ska göra för att få den att göra det?
Nån som vet?

.rubrik, .text { display: inline-block; margin: 0; }

<h1 class="rubrik">Rubrik</h1> <p class="text">Den här korta texten flyter upp och börjar intill rubriken.</p> </br> <h1 class="rubrik">Rubrik</h1> <p class="text">Men när texten blir längre än containerns bredd så hoppar hela p-elementet ner och börjar under rubriken. Hur kan man göra för att få första raden som det översta exemplet, men att den andra raden flyter in under rubriken??? Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus finibus cursus ligula, sit amet malesuada ipsum. Ut fermentum erat tellus, vitae consectetur massa imperdiet non. Cras sagittis ante eget ultrices commodo. Etiam vel lorem tincidunt, commodo mauris vitae, consequat mauris. </p>