Can anyone suggest how this would be designed better?

HTML & CSS
1

Hi,

Hereis an image of two elements on a page -

What should be used to design this? Divs and spans or headings? Examples would really be appreciated.

Thanks!

2

It’s hard to see what the things actually are in a picture.

Are 102 bewertungen and 96 bewertungen links to something? Would the bold text above those be headings? What does the 6 boxes and “5.6” actually mean? is it a rating, or an example of a rating, or part of the logo above?

For ratings where stars or icons are used, I tend to leave them as images (especially if they get added to the markup with Javascript anyway) and add in text underneath or hidden stating “5.6 out of (total)” so images are not necessary to know the rating.