/prog/ - ☆ HTML5 ☆

Name: Anonymous 2010-05-26 1:45

There's something about HTML5 that doesn't allow you to use the line-height property on <code> tags.

This is terrible!

<!DOCTYPE html>

<html>

<head>

<style type="text/css">

code {line-height:90%;}

p.big {line-height:270%;}

</style>

</head>



<body>

<p>

This is a paragraph with a standard line-height.

The default line height in most browsers is about 110% to 120%.

This is a paragraph with a standard line-height.

</p>



<code>

This is a paragraph with a smaller line-height.

This is a paragraph with a smaller line-height.

This is a paragraph with a smaller line-height.

</code>



<p class="big">

This is a paragraph with a bigger line-height.

This is a paragraph with a bigger line-height.

This is a paragraph with a bigger line-height.

</p>



</body>

</html>

Name: Anonymous 2010-05-26 2:47

>>3
No, that's total bullshit. I don't want to increase the line-height to 1000%, I want to decrease it to 90%.

<!DOCTYPE html>

<html>

<head>

<style type="text/css">

code {line-height:190%;}

</style>

</head>

<body>

<p>

<code>

This is a paragraph with a smaller line-height.<br>

This is a paragraph with a smaller line-height.<br>

This is a paragraph with a smaller line-height.

</code>

</p>

</body>

</html>

Try it.

☆ HTML5 ☆

1 Name: Anonymous 2010-05-26 1:45

5 Name: Anonymous 2010-05-26 2:47

Name: Anonymous 2010-05-26 1:45

Name: Anonymous 2010-05-26 2:47