Note that there are some explanatory texts on larger screens.

plurals
  1. POImage In Line With Text HTML CSS
    primarykey
    data
    text
    <p>Apologies still new to all this. I'm creating a webpage and have an image and text next to each other, in two separate div's. I've managed to get them where I want on the page, but when I resize the page the text resizes, however the image doesn't. I want the bottom of the text to line up with the bottom of the image at all times.</p> <p>Any help appreciated! Here is code:</p> <p></p> <pre><code>&lt;head&gt; &lt;title&gt;Stefano Mocini&lt;/title&gt; &lt;link href='http://fonts.googleapis.com/css?family=Milonga' rel='stylesheet' type='text/css'&gt; &lt;link href='styles/style.css' rel='stylesheet' type='text/css'&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="title"&gt; Stefano Mocini &lt;/div&gt; &lt;div id="decal"&gt; &lt;div id="image"&gt; &lt;img src="images/tree.png" alt="tree" width="600" height="900"&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="about"&gt; &lt;p&gt;THANK YOU SO MUCH FOR YOUR REVIEWS; YOUR DONATION AND FOR SHARING MY MUSIC!!!&lt;/p&gt; &lt;p&gt;About me: I started made music when I was only 6, because in the computer there was installed fruity loops, and I used it like a game. but i soon started to try to reproduce what i listened in the radio, so, step by step, i started to learn how to use this softwer. After i started to play the keyboard, that I received like christmast gift. One day I listened to "Back to life" from Allevi, and I loved it so much that I started to play the piano, every day. Step by step i learned how to make music, and how music is made . So now i can use the softwer whereby I played whan i was a child to make my own music. What kind of music should I make? Simply the one that I like!&lt;/p&gt; &lt;p&gt;You can use my music for making non-commercial videos or projects, but please put the title of the song and the author in the description otf the video or in the credits of the video.&lt;/p&gt; &lt;p&gt;Commercial use of my music: by the PRO license, or contact me&lt;/p&gt; &lt;/div&gt; &lt;/body&gt; </code></pre> <p></p> <pre><code>body { font-family: 'Milonga', cursive; } #title { font-size:72pt; text-align:center; } #decal { float:left; width:50%; float:left; height:80%; } #image { margin-top:60%; } #about { font-size:24pt; float:left; width:50%; padding-top:5%; height:80%; } </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload