<!DOCTYPE html> h1 { color: coral; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } Border around text!
The CSS code is as follows: Example p.test1{ white-space:nowrap; width:200px; border:1px solid #000000; overflow:hidden; text-overflow:clip; } p.test2{ white-space:nowrap; width:200px; border:1px solid #000000; overflow:hidden;
Putting the image in as a background image of the wrapping div would be easier, but in this scenario I see the images as content, and thus belongs in the HTML. We’ll use that wrapping div as a container for absolute positioning. The CSS .image{position:relative;width:100%;/* for IE...