0

Arranging content on a HTML document

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.

22nd Feb 2017, 4:29 PM
Martin Sesay
Martin Sesay - avatar
4 ответов
+ 3
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
28th Feb 2017, 11:16 AM
visph
visph - avatar
+ 1
@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>
25th Feb 2017, 12:44 AM
visph
visph - avatar
0
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
22nd Feb 2017, 4:55 PM
Maurizio Aru
Maurizio Aru - avatar
0
@visph I mean I want the images and the text tags to be in the same row
28th Feb 2017, 9:19 AM
Martin Sesay
Martin Sesay - avatar