How to make a pic next to the text?

I want the picture to be close to the text, but I don’t understand how to do so:

<section id="contact">
<H3 class="fixthis">Joining The Smithy</H3>
<p>So if you would like to join us, fill out this form:</p>
<form action="/galzaken171@gmail.com">
<label for="fname">Name</label><br>
<input type="text" id="fname" name="fname" value="">
<br>
<label for="lname">Phone</label><br>
<input type="text" id="lname" name="lname" value="">

<br>
<p>Few words about yourself:</p>
<textarea id="text" name="smithy" cols="30" rows="5"></textarea>
<br>
<input id="button" type="submit" value="Submit">
<br>
</form>
<img class="axe1" src="https://image.flaticon.com/icons/png/512/2208/2208337.png" alt="axe">

</section>
#contact {

text-align: center;

}

#contact img {

width: 200px;

}

I’ve tried everything I know,but didn’t figure it out

Hi,

Try wrapping your form and paragraph in one div and your image in another.

Then set the css for those divs to:

display: inline-block

1 Like