CodeAve.com/CSS - First Line

CodeAve.com - CSS - Text Display

ASP
JavaScript
CSS
·Basics
·Page Display
·Text Display
·Script Writers
·Contents
·What's New?
HTML
Maps
Links
Mail List
Search
Sitemap

First Line

First line is a pseudo class element that will render the first line of any text contained within tags to display differently that the rest of the text within those tags. This is very similar to how many newspapers and magazines begin their stories. In this example, we have two copies of the first paragraph of Lincoln’s Gettysburg Address contained within p tags and the first line is set to 200% the size of the rest of the text within. The difference in the two paragraphs is that the first one will expand the first to the size of the areait is given the second paragraph, we force the end of the first line by placing a <br> tag.

•View the Output

•Text View

•Print View

•Mail this Link

<html>
<head>
<title>CodeAve.com/CSS - First Letter</title>
<style type="text/css">

</style>
</head>

<body bgcolor="#FFFFFF">



<p>
Four score and seven years ago our fathers brought forth on this
continent a new nation, conceived in liberty and dedicated to the
proposition that all men are created equal. Now we are engaged in
a great civil war, testing whether that nation or any nation so
conceived and so dedicated can long endure.
</p>



<p>
Four score and seven years ago<br> our fathers brought forth on this
continent a new nation, conceived in liberty and dedicated to the
proposition that all men are created equal. Now we are engaged in
a great civil war, testing whether that nation or any nation so
conceived and so dedicated can long endure.
</p>

</body>
</html>