I have a couple of paragraphs of text that is part of a bio. I would like to have a portrait of the person floated to the right with the text flowing around it.
The image is placed first, the two paragraphs after that. Paragraphs have minimal styling (display: block; and margin-bottom: 24px;) that is inherited from the “all paragraphs” setting. The image has a width of 30%, is floated right, nothing else. Regardless, the first paragraph takes up the full height of the image, thus pushing the second paragraph down. Since the first paragraph is not long enough, I get an ugly whitespace instead of nice flowing text.
Any ideas as to why this is the case? In my book the settings i use should make the text flow naturally around the image. I even saw this question here on the forums in an old thread where this was the exact fix…?