Total members 11889 |It is currently Thu Mar 28, 2024 8:17 pm Login / Join Codemiles

Java

C/C++

PHP

C#

HTML

CSS

ASP

Javascript

JQuery

AJAX

XSD

Python

Matlab

R Scripts

Weka





In this example we show fixed message after each paragraph using after attribute in CSS, using this feature you can add a fixed content which appears after any paragraph that uses a specific CSS class.

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


</
head>
<
body>
<
h1>Your header title.</h1>
<
p class="myparah">In this example we use the after attribute along with 
   the paragraph tag  
<br/></p>
 
</body>
</
html>
 




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


Author:
Mastermind
User avatar Posts: 2715
Have thanks: 74 time
Post new topic Reply to topic  [ 1 post ] 

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



Topic Tags

HTML Paragraph
cron





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