forcing text that lines up on multiple lines to line up

Hi,
On the listo f bullets on the following page:
http://www.oliveryarbrough.com/key-accomplishments/

How do I force it so that for the bulleted items that run to the second line the client wants the text to line up so it is not sitting under the check mark? It can run on two lines but when it hits the second line it needs to line up under the text not under the checkmark..

  • Adam Czajczyk

    Hello Corn,

    I hope you're well today and thank you for your question!

    To achieve this you will want to refactor your list HTML code. Currently the HTML structure is like this:

    <p>
    <img src="list-bullet-image"></img>
    List item text
    <br><br>
    </p>

    The solution would be to use HTML structure like this:

    <ul class="mylist">
    <li>List item text</li>
    <li>Another list item text</li>
    ....
    more <li> </li> lines
    ...
    </ul>

    This could then by styled using CSS, including bullet images. Below is an example CSS using a simple work-around that would line up text easily:

    .mylist {
    list-style-image: url(' URL TO YOUR CHECKMARK IMAGE');
    list-style-position: outside;
    }

    Using correct image size and adding some left and bottom padding and margin to the rules above you should be able to fix the list.

    In case you had any further questions on this, let me know and I'll be glad to assist you.

    Best regards,
    Adam

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.