[Plugin: Shortcodes Ultimate] Aligning Lists

I’d love to fix this too. I tried valign:top; in the css file and it was a no go.

I remember that I fixed this in one of my sites that had short codes and can’t remember how I did it now.

It is one of those things that really separates the kids from the adults in design.

In this case, markers are just background images.

I use this method to avoid the destruction of the lists for different font sizes on the sites, that uses my plugin.

To change marker position, you need to use next code:

CSS

.su-list ul li {
   background-position: 0 5px !important
}

Shortcode

[list style="star"]
   <ul>
      <li>List item
      with multiple lines</li>
      <li>List item
      with multiple lines</li>
      <li>List item
      with multiple lines</li>
   </ul>
[/list]

Result
https://clip2net.com/s/27MiI

Also, you can adjust 5px value to perfectly fit your line-height.