I have a number of ovals I need to put into a WordPress page so it looks like;

```
oval - paragraph
paragraph - oval
oval - paragraph
paragraph - oval
oval - paragraph

```

I have no problems creating the oval, however I need to style it so no matter what heading text I put into each oval - it stays uniform.

I have put hard values in using padding-top however for 1 line headers this is no longer going to be centered. 

How can I approach this better?

```css
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%;
}
```

```html
<div>
  <p>Accepting Divergence;
    <br/>Affirming Values
  </p>
</div>
```

<https://jsfiddle.net/gcampton/QGtzW/1025/>