Hi all, I need to change the order of the list items using CSS List is coded in HTML in 1,2,3,4,5,6 order but I wont to show It in different order (1,4,6,2,3,5). HTML code can not be changed, Even content b/w <li> and </li> can not be changed. CSS code can be use in any way/method. HTML code <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> HTML: Final Displaying in browser should be as below 1 4 6 2 3 5
Apply list-style: none; to your list, add margin-bottom: xx; or line-height: xx;, and bolden your text.
PM me if you are still looking for a solution. I have got to check few things with you before I give the fix.
Hi I actually wanted to check if your website will allow users to select and copy content. Because if that is the case then the below solution needs further modification , that is, restrict user from select and copy content using css. However you guys were too rapid with your responses Solution: li{color:white;display:inline;} li:first-child:before { color: black; content: "1\A 4\A 6\A 2\A 3\A 5" ; white-space: pre; user-select: none; }