CSS tip: After the img label, the content is moved down and the overflow and the width and height of the label are invalid.

Today, I wrote the label effect for the article, and there were several minor issues: the overflow of the content after the img label and the invalid width and height of the label definition. I will record it here. See the implementation code: & amp; lt; style & amp; gt;. post_tags {h

Today, I wrote the label effect for the article, and there were several minor issues: the overflow of the content after the img label and the invalid width and height of the label definition. I will record it here.
See what I want to achieve:
Implementation Code:

DIV & CSS
JQuery
Front-end design

After the img label, the content is moved down. Overflow solution: Remember to add float: left to the img.
Label a cannot define the height and width. Solution: You must change img to block to display: inline-block;