ansaurus

Question

Display heading inline with following paragraph

Answer 1

+1 A:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
h3 {display:run-in;}
p { display:block; }
div { width: 400px; }
</style>
</head>

<body>
<div>
    <h3> this is a title </h3>
    <p> this is a body of text, this is a body of text, this is a body of text, this is a body of text, this is a body of text,this is a body of text</p>
    <p> this is a body of text, this is a body of text, this is a body of text, this is a body of text, this is a body of text,this is a body of text</p>
</div>
</body>
</html>

That puts the h3 tag in with the p tag. http://www.quirksmode.org/css/display.html doesnt work in ie7 or lower or Firefox at all, so not the best solution

Ascherer 2010-09-29 22:57:38

+1 for introducing me to the obscure `display:run-in`

Andrew Vit 2010-09-29 22:58:50

ha, thanks, yeah i hadn't used it before, but its actually kinda cool. And thats a pretty handy website for checking stuff like that too, i keep it bookmarked

Ascherer 2010-09-29 22:59:48

Quirksmode *is* pure awesome for web-dev and reference.

David Thomas 2010-09-29 23:08:25

ansaurus

tags:

views:

answers:

Display heading inline with following paragraph

related questions