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="/">
<label for="fname">Name</label><br>
<input type="text" id="fname" name="fname" value="">
<label for="lname">Phone</label><br>
<input type="text" id="lname" name="lname" value="">

<p>Few words about yourself:</p>
<textarea id="text" name="smithy" cols="30" rows="5"></textarea>
<input id="button" type="submit" value="Submit">
<img class="axe1" src="" alt="axe">

#contact {

text-align: center;


#contact img {

width: 200px;


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


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