在html中文字中加椭圆边框,使用居中文本在html中创建椭圆

我有一些椭圆形,我需要放入一个WordPress页面,所以它看起来像;

oval - paragraph

paragraph - oval

oval - paragraph

paragraph - oval

oval - paragraph

我创建椭圆形没有问题,但是无论我在每个椭圆形中添加什么标题文字,我都需要设置它的样式 – 它保持均匀.

我已经在使用padding-top中设置了硬值,但是对于1行标题,这不再是居中的.

我怎样才能更好地接近这个？

div {

background-color: #1468a8;

width: 300px;

height: 150px;

margin: 100px auto 0px;

border-radius: 50%;

color: white;

font-size: 1.6em;

}

p {

text-align: center;

padding-top: 14%;

}

Accepting Divergence;

Affirming Values