<!doctype html><html><head><metacharset="UTF-8"><metaname="viewport"content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"><title>List with Image - jQuery EasyUI Mobile Demo</title><linkrel="stylesheet"type="text/css"href="../../themes/metro/easyui.css"><linkrel="stylesheet"type="text/css"href="../../themes/mobile.css"><linkrel="stylesheet"type="text/css"href="../../themes/icon.css"><script type="text/javascript"src="../../jquery.min.js"></script><script type="text/javascript"src="../../jquery.easyui.min.js"></script><script type="text/javascript"src="../../jquery.easyui.mobile.js"></script></head><body><divclass="easyui-navpanel"><header><divclass="m-toolbar"><spanclass="m-title">List with Image</span></div></header><ulid="list"class="m-list"><li><imgclass="list-image"src="../images/modem.png"/><divclass="list-header">modem</div><divclass="list-content">modulates an analog carrier signal to encode digital information.</div></li><li><imgclass="list-image"src="../images/scanner.png"/><divclass="list-header">scanner</div><divclass="list-content">scans images, printed text, handwriting, or an object.</div></li><li><imgclass="list-image"src="../images/pda.png"/><divclass="list-header">pda</div><divclass="list-content">A personal digital assistant.</div></li><li><imgclass="list-image"src="../images/tablet.png"/><divclass="list-header">tablet</div><divclass="list-content">one-piece mobile computer.</div></li></ul></div><style scoped>#list.list-image{width:32px;height:32px;border:0;margin-right:5px;float:left;}#list.list-header{font-size:16px;font-weight:bold;}#list.list-content{text-overflow:ellipsis;overflow:hidden;}</style></body></html>