Unordered list wraping text

  • I am trying to keep the text from going under the bullets. Here is the code I am using right now 

    <ul type="square">
             <li>&nbsp;&nbsp;&nbsp;Complete a Waiver.</li><br>
             <li>&nbsp;&nbsp;&nbsp;Decide which option is best for you and pay at the register.</li><br>
             <li>&nbsp;&nbsp;&nbsp;A staff member will escort you to our safety briefing area, where you will listen to a thorough explanation of the game rules, learn about arena safety and arena jargon used. You also will have any questions or concerns answered at this time.</li><br>
             <li>&nbsp;&nbsp;&nbsp;If renting equipment, a staff member will present you with the equipment and instruct you on how to use it.</li><br>
             <li>&nbsp;&nbsp;&nbsp;Find an available table in the staging area to settle into and listen for the refree to call the next Airsoft game and line up for it.</li><br>
             <li>&nbsp;&nbsp;&nbsp;Enjoy your games !!!</li><br>
    </ul><br><br>

    and the site page is https://battlegroundz.net/wp/about-airsoft/ the list is under the first pull down .. (How does playing Airsoft at BGZ work?)

Viewing 1 replies (of 1 total)

  • Hi @carlco9020,

    In the above code wrap the text in the span.
    Example:

    <li><span>Complete a Waiver.</span></li><br>

    Add the following CSS code in style sheet file of your theme.

    #middle_content .accordion li span {
display: inline-block;
margin-left: 25px;
margin-top: -22px;
}

    Best Regards,

Viewing 1 replies (of 1 total)
  • The topic ‘Unordered list wraping text’ is closed to new replies.