I'm looking for a way to vertically position two images, one on the left and one on the right, so that they are centered between labels and input fields within a containing div. Is it achievable using only relative lengths?
Check out this jsfiddle for reference. The goal is to have the image centered between the label and input field.
Thank you!
Sample HTML Code
<img src="http://lorempixum.com/20/20/abstract" alt="">
<div>
<label>1234</label>
<input type"text">
</div>
<img src="http://lorempixum.com/20/20/abstract" alt="">
CSS Styles
img, div {
float: left;
}
label {
display: block;
}