css3 - list elements padding in iOS sencha touch -
i having problem displaying list elements in iphone here in image 'black' overlapped itemdisclosure icon. tried style using text-align: "right" didn't find difference. appreciated here list code itemtpl : [ '<p style="font-family:arial;color:black;font-size:20px;">{description}</p>', '<div style="font-size: 0.75em; color: darkgray">sku:{code}</div>' ].join(''), you should not having problem because sencha adjust itemdisclosure icon based on text. anyway, give width p tag css .description{ font-family:arial; color:black; font-size:20px; width:90%; // reduce wish } .code { font-size: 0.75em; color: darkgray; } list code itemtpl : [ '<p class="code ">{description}</p>', '<div class="description">sku:{code}</div>' ].join(''), well, still want inline style itemtpl : [ '