Align text with bottom of images?

Try it like this: jsfiddle.net/uac3Z/ Basically, Label Heere with #row { position:relative; float:left; } #label { position: absolute; bottom: 0; width:100px } . Image { float: left } #images { margin-left: 110px } I made a div#images that encapsulates both other div. Image's.

Then those div#row was set to float, having the text lying on the bottom. Hence, The div#label would appear above the image. In order to have the div#label on the left of the image, I made the div#images have a margin-left of 110px (as div#label would have 100px).

Also note that your current div#image should be a class and not an id, because you use it more than once. Hope it helps :).

This works for me, thanks. – Philip Sep 15 at 5:35.

You can do something like the following (jsfiddle.net/Hyx5n/10/). One of the many uses of vertical-align property. This involves removing the 's and the float though.

You can probably replace these with 's with display:inline-block to give more flexibility. HTML: Label Here CSS: #row { vertical-align:bottom } #label { display:inline-block; }.

Thanks this works and is simpler if you don't need the divs. In my real version however I do use the divs today, I have images but also text absolutely positioned over each image. Although maybe that could be done with inline-block spans I will try it. – Philip Sep 15 at 5:32.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.