vertical align input with image

by evilReiko

HTML

<input type="text" value="sample text" /><img src="http://www.iconsdb.com/icons/preview/tropical-blue/minus-4-xxl.png" /><img src="http://www.iconarchive.com/download/i76011/martz90/circle-addon1/text-plus.ico" />

CSS

img {
  width: 30px;
  height: 30px;
}

input {
  height: 30px;
  box-sizing: border-box;
}

input,
img {
  display: inline-block;
  vertical-align: bottom;
}