Image on either side of li

[jimleeder123]

I want to have a list that has pictures on either side of each li.

 

As the li gets bigger (more content), the images should stay in the middle of the li. 

 

I've tried numerous divs, before and after classes and gone a bit mad. Any ideas please?

[maxxd]

Have you tried

li{
	position: relative;
}
li::before{
	position: absolute;
	display: block;
	content: 'this is your content';
	top: -50%;
	left :/* whatever */
	transform: translateY(50%);
}

Theoretically, this should allow the content to remain at the mid-point of the li height regardless what that height is. May take a bit of tweaking, but it should get you started.