thanks for the steer.
it wasnt that particular line as removing/changing that caused the <li>'s to stack on top of each other rather than side by side.
It did help me to figure the solution and added white-space: pre-line; to the <li> element itself - would not have worked that out without your help so many thanks