<Meta http-equiv = "Content-Type" content = "text/html; charset = GBK"> <br/> <style type = "text/CSS">. chart {font-family: tahoma; font-size: 12px; Border: 1px solid # CCC; float: Left; margin: 0; padding :. 4em. 1em ;}</P> <p>. chart Li {list-style: none; float: Left; width: 5em; text-align: center; Background: URL (/upload/2009-11/20091104144827988. GIF) center 1.6em no-repeat ;}</P> <p>. chart Li span {display: block; text-indent:-999em; padding-bottom: 90px; Background: URL (/upload/2009-11/20091104144827692. GIF) center-1px no-Repeat; border-top: 5px solid # fff ;}</P> <p>. chart strong {display: block; text-align: center; font-weight: normal ;} </style> <ul class = "chart"> <li> June January <span style = "background-position: Center-35">: </span> <strong> 35% </strong> </LI> <li> July February <span style = "background-position: Center-40">: </span> <strong> 40% </strong> </LI> <li> July March <span style = "background-position: Center-87">: </span> <strong> 87% </strong> </LI> <li> July April <span style = "background-position: Center-45">: </span> <strong> 45% </strong> </LI> <li> August 1, May <span style = "background-position: Center-23">: </span> <strong> 23% </strong> </LI> </ul> <P style = "clear: both "> </P> <ul class =" chart "> <li> <em> February January </em> <span style =" background-position: center-35 ">: </span> <strong> 35% </strong> </LI> <li> <em> February 1, February </em> <span style = "background-position: center-40 ">: </span> <strong> 40% </strong> </LI> <li> <em> February 1, March </em> <span style = "background-position: center-87 ">: </span> <strong> 87% </strong> </LI> <li> <em> February 1, April </em> <span style = "background-position: center-45 ">: </span> <strong> 45% </strong> </LI> <li> <em> February 1, May </em> <span style = "background-position: center-23 ">:</span> <strong> 23% </strong> </LI> </ul> <P style =" clear: both "> </P> <p>