html - How can I make a position:fixed image its own line/block? -


I have a menu button image below the logo div, and the status: my body text fixed on the right side of the viewport, However, the logo begins directly from the Div, so if it is a large paragraph of the text, then it moves behind the image.

How can I work in my own form of fixed position image line / work with a line break / display: block / otherwise push the text down so that the text starts under the image?

I have tried to use the display: block or image with divi, but I may be wrong style. Besides, I have no clue what I am doing, sorry about the mess!

  & lt; Head & gt; & Lt; Style & gt; Img.logo {Height: 3em; Max-width: 80%; Width: Auto; Padding: .5 AM; Display area; Margin-left: auto; Margin-right: auto;} div.menu {width: 100%; Display: block;}. Menu img {status: fixed; Correct: .5 AM; Padding: .5em;} & lt; / Style & gt; & Lt; / Head & gt; & Lt; Html & gt; & Lt; Img class = "logo" src = "http://doc.jsfiddle.net/_downloads/jsfiddle-logo-white.svg" & gt; & Lt; Div class = "menu" & gt; & Lt; Img src = "https://dl.dropboxusercontent.com/u/95732802/menu.svg" & gt; & Lt; / Div & gt; I'm some lesson! & Lt; / Html & gt;   

and Bella:

An element with position : Fixed; or status: absolute; is taken from the document stream and in this way the display property is won by blocks )

If you know the height of the image I'm just using a margin or padding, eg:

  header {padding-down: 2am; }   

or:

  header {margin-down: 2em; }   

Or, if you have & lt; P & gt; After Elements & lt; Header & gt; The sequence of : is

  header + p / / if you have an app / margin-top: 2em; }    

Comments

Popular posts from this blog

c - Mpirun hangs when mpi send and recieve is put in a loop -

python - Apply coupon to a customer's subscription based on non-stripe related actions on the site -

java - Unable to get JDBC connection in Spring application to MySQL -