htmlText leading and kerning problem

Hi, would appreciate if someone can help me wif the problem stated in my title. Attach is my code.

this.createTextField("myText",this.getNextHighestDepth(),23,72,300,400);
//bgPic._alpha = 25; 
var titleS:TextFormat = new TextFormat();
titleS.font = "TradeGothic";
tlteS.leading = 6;
titleS.letterSpacing = 2;
var myCSS = new TextField.StyleSheet();

var cssURL = "example.css";

myCSS.load(cssURL);

myCSS.onLoad = function(success) {
  if (success) {
 myText.styleSheet = myCSS;
 myText.multiline = true;
 myText.wordWrap = true;
 myText.embedFonts = true;
 myText.antiAliasType = "advanced"
 myText.html = true; 
 myText.thickness = 20;
 myText.selectable = false;
 myText.styleSheet = myCSS;
 myText.htmlText="<p class='lineheight'><span class='country'>DP DESIGN PTE LTD<br></span><span class='title_s'>Invites application for:<br><br></span><span class='titleStyle'>ASST DESIGN CO-ORDINATOR<br><br></span><span class='title_s'><li>5 to 8 years ID sites experience</li><br><li>Hospitality experience is an advantage</li><br><li>Is prepared to be based in Dubai for 1.5 years minimum</li><br></span><span class='title_s'>Interested applicants please write in with current & expected salary to:</span><a href='mailto:JulietNg@dpa.com.sg'><span class='lineStyle'>JulietNg@dpa.com.sg</a><br><br></span><span class='title_s'>Only shortlisted candidates will be contacted.<br></span></p>";

myText.setTextFormat(titleS);
	}
}

My CSS code

.title_s {
  color: #bbbbbb;
  font-family: TradeGothic;
  font-size: 12px;

}

.title {
  color: #bbbbbb;
  font-family: TradeGothic;
  font-size: 12px;

}

.country {
  color: #355E86;
  font-family: TradeGothic;
  font-size: 20px;
}

.lineStyle {
  color: #355E86;
  font-family: TradeGothic;
  font-size: 12px;
}

.titleStyle {
  color: #355E86;
  font-family: TradeGothic;
  font-size: 14px;
}
.lineheight {
	line-height: 150%;
}

I wanna have an overall leading in the paragraph. But couldnt achieve it in textFormat. Thanks for the help.