I'm facing an issue with displaying a group of inline images, one of which is meant to submit a hidden form. The problem is that the image responsible for submitting the form refuses to align inline with the rest of the images.
Here's the basic code structure:
<img class="inline" src="image.png" />
<img class="inline" src="image2.png" />
<img class="inline" src="image3.png" />
<form action="/forms/important-form.php" method="POST">
<INPUT TYPE="hidden" NAME="infoForForm" VALUE="Information">
<INPUT TYPE="hidden" NAME="URL" VALUE="/employee-xyz76r3-headshot.png">
<INPUT TYPE="hidden" NAME="employeeTitle" VALUE="Salesperson" >
<input type="image" class="inline" src="email.png" alt="Submit Form" />
</form>
The CSS I've applied is as follows:
.inline {
display: inline!important;
float: right;
}
Unfortunately, the email icon, which is supposed to trigger the form submission, is not staying in line as expected.
Your insights and solutions would be highly appreciated. Thank you for your assistance!
P.S. Please overlook the misspelling of Chief Marketing Officer.