Show image using before property

Thu Feb 23, 2012 7:41 pm

Using before property to display image as fixed bar before each paragraph uses a specific CSS class.

Code:: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> Using before property to show image </title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type='text/css'> p.beforeGraph:before { content: url(site_logo.gif); } </style> </head> <body> <h1>Using before with paragraph to display image</h1> <p class="beforeGraph"><br/>In this example we use before property to show image before each paragraph using a specific CSS class. </p> </body> </html>