Arranging content on a HTML document

Question

How can I arrange text (e.g. <h1 - 6> and <ul> tags) beside an image in an HTML document? So that both the image and the text are inline with each other in the same row, essentially there is two columns one with the image and the other with the text.

Answer 1

It depends on context: some text tags have behavior to break lines ( so you need to change it according to your needs ), some others doesn't ( are of inlined type )... and differents solutions exists to do the trick, but it's hard to answer accuratly and to tell how is the more direct/adapted way for you without studying your code :P

Answer 2

@Maurizio Aru:
Not working solution: <div> are block-level elements, and doesnt stand inlined together ( until you change default begavior with css styling )

@Martin Sesay:
You question is not accurate: do you want your images inlined with <li> tags? Inlined with <ul> tag is not real sense: <ul> is block level and may contents multi-lines ^^ However, you can display a picture aside an <ul>...

Basically, inlined images with <hn> ( n in [1:6] ) are simply done like this:

<h1>Title<img src="" alt=""><h1>

Answer 3

You can use <section> and <aside> tags from HTML5.
If you follow 'old style writing' you can use <div> tags.
e.g.
<div>here put image</div><div>here put the rest</div> and write css styles

Answer 4

@visph I mean I want the images and the text tags to be in the same row