以标记居中问题(Centering issue with tag)

编程入门行业动态更新时间:2024-10-20 06:39:59

以

标记居中问题(Centering issue with

tag)

我有一个img和一个div内的p 。

我试图垂直居中。我已经尝试了line-height和其他一些事情。

这是它的样子

我想“可爱的火狐恶作剧”相对于img垂直居中

CSS

img{ width: 50px; height: 50px; } li{ list-style-type: none; text-decoration: none; } a{ text-decoration: none; } li p{ display: inline; color: black; font-size: 25px; margin:0; }

DEMO小提琴。

I have a img and a p inside of a div.

I am trying to center the p vertically. I have tried line-height and a few other things.

Here is what it looks like

I would like "cute firefox prank" to be centered vertically relative to the img

CSS

img{ width: 50px; height: 50px; } li{ list-style-type: none; text-decoration: none; } a{ text-decoration: none; } li p{ display: inline; color: black; font-size: 25px; margin:0; }

DEMO fiddle.