Can I render in tabular form with <ul> and <li> in html?

Abhishek Dhote picture Abhishek Dhote · Mar 19, 2010 · Viewed 18.2k times · Source

I want to display data in a tabular form using <ul> and <li> as shown below:

mydata mydata mydata mydata mydata mydata
mydata mydata mydata mydata mydata mydata
mydata mydata mydata mydata mydata mydata

I cannot use <table>; I have to use <ul> <li>. Actually the problem is with OpenSocial while rendering data coming from JSON <li repeater=${Exp}>

Answer

Bryan A picture Bryan A · Mar 19, 2010
ul { width: 100%;clear:both;height:32px;list-style-type:none;margin:0;padding:0; }
li { width: 20%;height:32px;float: left;list-style-type:none;margin:0;padding:0; }

Where the ul elements represent rows. Put them in a div of the required size.