[RbnJrg]

Originally Posted by odedta

I'd like to have best compatibility so what do you suggest? using images and droppping scalability? or sticking to this solution?

For best compatibility, I'd suggest to use a svg image, so you won't have any problem with scalability. Personally I use a lot of svg images as fleurons and separators.

EDIT2: argh, I created a new ePub in Sigil with the settings you gave and it works perfect. Thanks RbnJrg.

You are welcome

EDIT3: I am having a bit of trouble with setting this right for hebrew text: see attached for result. CSS code is here:

body
{
    font-family:"Arial";
    margin:0;
    padding:0;
}
.List-Style2 {
    display: inline;
    margin-left: 2em;
    list-style-type: none;
}

.List-Style2:before {
    margin-right: 1em;
    content: "❖ ";
}

Hmmm, I think you should use:

body {
    font-family: "Arial";
    margin:0;
    padding: 0;
    direction: rtl; /* in order to set the writting direction from right to left */
}
.List-Style2 {
    display: list-item; /* display as list-item and not inline */
    margin-right: 1em; /* here margin-right instead of margin-left */
    list-style-type: none;
}

.List-Style2:before {
    margin-right: -1em;
    content: " ❖"; /* here the space is BEFORE the symbol */
}

I think the code should work

Regards
Rubén