Usage of the before CSS attribute

Using CSS before attribute along with paragraph tag, this attribute allows you to show a fixed message before your paragraph that is linked to the CSS class.

Code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Usage of the before CSS attribute </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
p.beforeGraph:before {
   content: "Fixed content appears here.";color:#f0c000;
   }
</style>


</head>
<body>
<h1>Using before with paragraph</h1>
<p class="beforeGraph"><br/> The sentence above this paragraph 
appears using CSS before attribute. </p>
 
</body>
</html>
 

_________________
M. S. Rakha, Ph.D.
Queen's University
Canada

Author: DrRakha
Mastermind

Posts: 2715
Have thanks: 74 time

Page 1 of 1

[ 1 post ]

Related Posts to : Usage of the before CSS attribute
usage of rev attribute -
usage of ch attribute -
Usage of the after CSS attribute -
Usage of contenteditable attribute -
usage of <br> tag clear attribute -
vspace attribute usage -
row-span attribute usage -
colspan attribute usage -
usage of id attribute for link jumps -
SWAP images using JQuery just by using the src attribute img -

Topic Tags

HTML Paragraph

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com