How to remove the top padding of the text in the flow of images?

0 like 0 dislike
7 views
Hello! Question, probably simple, but the deeper I dig the basics, all the more interesting intricacies of the POPs, although in the past I was not paying attention.

Unfortunately I can't show the whole picture, because on the LAN are doing, but the point is that there is an image and text that wraps around it, set line-height: 1.5 font-size: 22px . And here I noticed that text with a large font size appears in the top margin, although at small sizes it is not visible almost. For clarity, an example (in my project this indent more)
5ae8924d0bd7f996867154.jpeg
I understand that the nature of this is in the font, it appears a margin.
I need the top image and text match, was on the same line. Of course you can set the image top offset, but I would like to know if any else solution.
by | 7 views

2 Answers

0 like 0 dislike
margin-top: 0px; likely. Or can the image be artificially reduced by 5px(or whatever)
by
0 like 0 dislike
All fonts there is such a thing as line spacing, it implies the indent and the top line, and bottom. Even a line-height equal to font-size in 99% of fonts does not solve this problem. Ask the picture indentation -- not the best solution, I work in such cases, the first "p" set a negative indent up and this problem disappear.
.block p:first-of-type { margin-top: -5px; }
by

Related questions

0 like 0 dislike
1 answer
asked Apr 28, 2019 by KomunistIvan
0 like 0 dislike
5 answers
0 like 0 dislike
3 answers
asked Apr 26, 2019 by Ingernirated
0 like 0 dislike
2 answers
110,608 questions
257,186 answers
0 comments
33,649 users