Inline Decoration with image
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css" media="Screen"> * .myStyle { padding-left: 100px; font-size: 1em; vertical-align: -3px; line-height: 24px; margin-left: 3px; margin-right: 3px; background-image: url("http://www.java2s.com/style/logo.png"); background-position: top right; } </style> </head> <body> <div> <ul> <li>Insert imaged<span class="myStyle"> </span> decoration.</li> </ul> </div> </body> </html>