Created
April 8, 2020 11:12
-
-
Save kolja/a669d94cd9f8dfd45dc06afd30f77e01 to your computer and use it in GitHub Desktop.
aligning SVG bullet-image to <ul> list entries.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* this is not the solution you are looking for. Move along */ | |
| ul { | |
| list-style-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='40' viewBox='-1 -1 2 2'><circle transform='translate(0,-1.7)' r='1' /><circle transform='translate(0,0.95)' r='1' /></svg>"); | |
| line-height: 0.6rem; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
You can also solve it by changing the x,y position in the viewBox or change the radius of the circle
https://stackoverflow.com/a/61104356/4684797