PHr0Z3N W4t3R
New Member
I'm using this below \[code\]HTML and CSS\[/code\] code to sort list in \[code\]vertical\[/code\] , the output is \[code\]horizontal\[/code\] sorted.My example code:\[code\]<!DOCTYPE HTML><html> <head> <title>Tiles</title> <style type="text/css"> #tiles { list-style: none; margin: 0px; } #tiles li { float: left; margin: 20px; width: 300px; height: 200px; background-color: #dddddd; font-size: 72px; text-align: center; vertical-align: middle; } </style> </head> <body> <ul id="tiles"> <li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li> </ul> </body></html>\[/code\]Output is :
But , I want this output.
Please give me code for sort list in \[code\]vertical\[/code\].