My Rating and Average Rating on separate lines

Is there a way to make the Average Rating and My Rating on separate lines so it looks something like this:

AVERAGE RATING: *********
MY RATING: **********

Or even better yet, have them in separate display boxes to make them totally separate.

I use 10 star ratings, so it looks confusing on even more so on mobile. I tried “Display: block” with css and it put them on separate lines, however the “My Rating” text was then floated on the right, instead of both texts being on the left.

Thanks for any help!