Specify two attributes in class
<!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> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> ul.rtl { direction: rtl; } .t {text-align:left;} </style> </head> <body> <ul class="rtl t"> <li>Hello</li> <li>Hello hello</li> <li>Hello Hi</li> <li>Hello Hello</li> <li>Hello HI</li> <li>Hello Hello</li> <li>Hello Hi</li> <li>Hello</li> </ul> </div> </body> </html>