I have a banner that I want the images to be side by side and the text on the end to the right .
The following code works,but it breaks when the browser size is small. The pictures slide over on top of the text.
Also why does the text insist upon wrapping? I had to use the negative margin to display it. The text height is less than the image height.
<img src ="image1.jpg"> <img style="margin-left:10px;" src ='image2.jpg'> <img style="margin-left:10px;" src ="image3.jpg"> <p style="margin-right:10px;float:right;margin-top:-70px">short text line1<br/>shorttext line2<br/>short text line3</p>
I thought that the block item p would start the text at the top of the available space.
What Css should I use to better compensate for the browser size and fix these problems?
Edited by JRM: n/a