How to vertically center an icon inside of a list item?


#1

Given the following code:

<ion-content>
	<ion-list>
		<ion-item *ngFor="let exam of exams">
			<ion-icon name="star" item-start></ion-icon>
			<h2>Finn</h2>
			<h3>Don't Know What To Do!</h3>
			<p>I've had a pretty messed up day. If we just...</p>
		</ion-item>
	</ion-list>
</ion-content>

I get the following result:

I want to vertically center the star icon with the text.
I added no special css that I know of.

The following documentation seems to accomplish this but I could not achieve this result with avatars or icons.

Thanks for the help