html - Text inline with centered image -

html - Text inline with centered image -

having difficulty one. haven't learned html i'm getting hang of it.

on website, have logo centered @ top of site. want add together text left side of website inline image without moving image position.

logo logo logo text here logo |------------------------------| (page width)

the text cannot above or below logo line because messes rest of page.

edit: decided remove "what have now" because confusing out of context.

so how tackle scenerio?

sorry, want? :) http://jsfiddle.net/ex65xetj/

<div class="wide"> <img src="path/to/image"></img> <span>text here</span> </div>

simply wrap logo section in wrapper.

make position relative(so children absolute positioning relative element , not page).

then position absolute text.

make left , bottom position value of text 0, sticks bottom left.

html css alignment