Hello Everybody, still learning Web Designing using Html5 and css, but pls who could explain how I'm gonna place the image on the webpage on the same line with the text there, anytime I try, the image goes down and the text stay up or vice versa, pls I need a reply. Thanks.

Depends on how you want it to look. You can either use a table on the whole thing or a style="float:left;" on the image.

MrAnonymous: Depends on how you want it to look. You can either use a table on the whole thing or a style="float:left;" on the image.

Pls how am I gonna use it? am still a beginner here.

Keky: Pls how am I gonna use it? am still a beginner here.

The table or the float style?

MrAnonymous: The table or the float style?

Float style.

Keky: Float style.

inside ur css... Class {float: right;}

fattbabakay: inside ur css... Class {float: right;}

after img src? Or before?

This is like a merry-go round in a gaddamn circus, you are trying to give a simple snippet to someone that cannot use it.

Eating popcorn and watching. . .

Keky: after img src? Or before?

<img src="image.jpg " style="float:left;"> ...U've not startd CSS??

Keky: Float style.

<img src="IMAGE URL" style="float:left;" /><span style="float:left;">TEXT GOES HERE</span>

Notice that both elements are and should be floated left.

Like I said, it depends on how you want it to look. Using the float style will make the text appear both beside and under the image. Using the table element will only make text appear beside the image (not under).

As you have explained that, better explain to him how to clear things coming after with css before he runs into another problem and declares another state of emmergency.

dhtml18: As you have explained that, better explain to him how to clear things coming after with css before he runs into another problem and declares another state of emmergency.

..... Or you could do it yourself.

MrAnonymous: ..... Or you could do it yourself.

I am just an umpire on this thread

<div style=“float: left“>
<Img src=“” alt=“” />
</div>
<div style=“float: left“>Text goes here</div>
<div style="clear: both"</div>

Or
<div>
<div style=“display: inline-block“>
<Img src=“” alt=“” />
</div>
<div style=“display: inline-block“>Text goes here</div>
</div>

Let me provide my own solution, without using CSS

Try any of the below (the first one should solve your problem):
<img src="15.jpg" height="50" align="absmiddle"> Text aligned to the center
<br/>
<br/>
<img src="15.jpg" height="50" align="text-bottom"> Text aligned to bottom
<br/>
<br/>
<img src="15.jpg" height="50" align="text-top"> Text aligned to the top
<br/>
<br/>
<img src="15.jpg" height="50" align="absmiddle" hspace="10"> Text aligned to the center

MrAnonymous:
<img src="IMAGE URL" style="float:left;" /><span style="float:left;">TEXT GOES HERE</span>

Notice that both elements are and should be floated left.

Like I said, it depends on how you want it to look. Using the float style will make the text appear both beside and under the image. Using the table element will only make text appear beside the image (not under).

I actually want the header H1 to be on the same line with the image.

Then you go like this: <h1 style="display:inline">this will show on the same line like normal text</h1>

Keky: I actually want the header H1 to be on the same line with the image.

I meant... If the header does not fit in one line, where will the second line start from? directly under the first line or directly under the image? (assuming the image is small like an avatar).

Try this first to see if it does what you want:

<div style="max-width:100%;"><span style="float:left; display:inline-block;margin-right:3px;"><img src="IMAGE URL" /></span>
<span style="float:left; display:inline-block;"><h1>HEADER TEXT</h1></span></div>