serie di n immagini in un li

[giuseppe500]

ciao . ho il seguente codice:

<div id="firstristtxt">
        <ul style="padding:0; margin:0; list-style: none">

               <li style="position:absolute;background:magenta;width:300px; margin-left:6px;height:20px;">

                    <p>prima riga

                       <span style="position:absolute;display:inline;left:160px;width:200px;background-color: blue">
                          <img   src="{{ asset('images/stella_accesa.png') }}" />
                          <img   src="{{ asset('images/stella_accesa.png') }}" />
                           <img   src="{{ asset('images/stella_accesa.png') }}" />
                      </span>
                    </p>
               </li>
            

        </ul>

ho messo le regole del css inline per brevità , nel sito non sarà cosi.
devo mettere una serie di righe 1,2 e 3 per es con un testo e una serie di immagini che sono una piccola stella riprodotta varie volte.
Ho trovato questa soluzione che "funziona" ma che non vuol dire che vada bene , è totalmente sbagliata?
voi come fareste?

ps. unica regola nel css:

#firstristtxt img{

height:16px;
width:16px;
}
}

ciao Grazie.

[SimoX90]

float:left;
...
clear:both
?

è la via più facile...

altrimenti crei un immagine con 3 stelle (è più pesante, ma stiam parlando di pochissimi kb)

altrimenti la metti come background ripetuto in un div largo come 3 immagini