Currently, I am working on styling an HTML list with the following properties:
font-weight: bold;
padding: 0px;
margin: 0px;
list-style-type: none;
display: block;
width:700px;
font-size: 14px;
white-space: pre-wrap;
The individual cells within this list are styled as follows:
display: inline;
Additionally, I have created spacer cells between each main cell with the following style:
padding-right: 20px;
display: inline;
My current issue arises when the list exceeds the 700 pixel width, causing it to wrap to the next line. I would like the list to wrap, but I want to avoid having objects split across two separate lines. I have attempted to use the CSS white-space property to address this concern, but so far, I have not found a satisfactory solution.