Text - One behind the other

HTML & CSS
1

Is it possible to put a paragraph with small text on top of a paragraph with large text using css?

2

Ignore the coloring, and the font size you can set, but does that give you want you want :)?

3

perfect, thanks

4

You’re welcome :).

5

Hi, upload the imge to something like tinypic.com and then post a direct link here.

Also, we will need a site where you have this at to actually be able to debug, or at the very least, full HTML/CSS (site preferred)

6

Still need a little help if anyone can. I am trying to get it to look like this:

Hasn’t been created yet. The image is a psd snapshot. I am trying to recreate it with CSS

7

I’m a bit confused, what exactly are you having trouble with coding that? Typing that is the hardest part…lol.

8

When I set to quotation marks to 150px, they are cut in half. I cannot see the whole thing.:frowning:

9

We will need a site to look at, can you provide us with one? :slight_smile:

10

Below is the code I am using. You will see how the quote is cut in half.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
h1  {
	width:500px;
	color:red;
	background:#fff;
	position:relative;
	margin:0;
	height:30px;
	line-height:30px;
}
span.duplicate {
	position:absolute;
	left:0;top:0;
	color:blue;
	font-size:150px;
	background:transparent;
	margin-top:40px;
	width:500px;
	height:18px;overflow:hidden;
}	
</style>
</head>
<body>
<h1>This is some multicoloured text !<span class="duplicate">&quot;</span></h1>
<body>
</body>
</html>
11

Not cut off for me :). What browser? I tested in Opera/FF/IE7.

Also, you don’t have a doctype above <html> so your pages are in quirks mode in IE. Add this above <html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">