[RbnJrg]

Originally Posted by odedta

Well, this works:

.List-Style3 {
  list-style-type: none;
}
.List-Paragraph3 {
  font-family: "Arial", sans-serif;
  font-size: 0.8em;
  text-align: justify;
  display:list-item;
}
.List-Paragraph3:before {
  margin-right:-1.3em;
  content: "★ ";
}

for html:

<ul class="List-Style3">
      <li class="List-Paragraph3">אני ואני בלבד אחראי ליצור אושר בחיי.</li>
</u>

Turns out you were right, the font mattered, if I used "Arial" instead of some other font I embedded it will work, the problem is now that I don't want the list items to show in Arial so I need to use a span tag for this symbol, oh well, this seems fixed.

On a side note, don't use the CSS rule:

direction:rtl

Instead use:

dir="rtl"

In your html files in order to get the desired effect since direction:rtl will not pass validation for EPUB3.
Of course this is a bit silly since both will work, but myself, like some others like to get their files validated.

Thanks again.

You are welcome but I'm a bit confused In your "List-Paragraph3" you are not setting the writting direction from right to left, so the list symbol should appear on the left side and not in the right side as you wanted. Besides, if you are using unordered list, then is not necessary for you to use "display: list-item". That property you could employ it if you use <p> tags instead of <li>, for example:

<div class="List-Style3">
      <p class="List-Paragraph3">אני ואני בלבד אחראי ליצור אושר בחיי.</p>
</div>

Regards
Rubén