A space to discuss and keep up software development and manage your software career
An inclusive community for gaming enthusiasts
News and discussion of science and technology such as AI, VR, cryptocurrency, quantum computing, and more.
From composing and gigging to gear, hot music takes, and everything in between.
Discussing AI software development, and showing off what we're building.
Movie and TV enthusiasm, criticism and everything in-between.
A general discussion space for the Forem community. If it doesn't have a home elsewhere, it belongs here
Memes and software development shitposting
Web design, graphic design and everything in-between
A community of golfers and golfing enthusiasts
Your central hub for all things security. From ethical hacking and CTFs to GRC and career development, for beginners and pros alike
For engineers building software at scale. We discuss architecture, cloud-native, and SRE—the hard-won lessons you can't just Google
Discussing the core forem open source software project — features, bugs, performance, self-hosting.
A collaborative community for all things Crypto—from Bitcoin to protocol development and DeFi to NFTs and market analysis.
A place for parents to the share the joys, challenges, and wisdom that come from raising kids. We're here for them and for each other.
A community for makers, hobbyists, and professionals to discuss Arduino, Raspberry Pi, 3D printing, and much more.
I am now trying to add a number to the right of the stars to indicate total number of voters.
I have tried using a span element after the star div but it doesn't line up properly with the star ratings.
From what I gather I cannot use margin or padding with a span element which is what I tried (span.ratingTotal{padding:0 0 5px 10px;}).
I also tried just placing the text inside the star div before the i tags and after them but that didn't work either.
The only thing I tried that seems to work is to use a p class tag and place it under the star ratings but I prefer to have it inline with them.
Is there a way to do this?
try like this: jsfiddle.net/ktpn8oq7/
Wow, thanks very much.
I had tried something similar but didn't make the same css changes as you.
I am trying to understand your css better as it is a little more advanced than I am used to.
I had decided to go with the p class but will now undo everything and try your solution.
Thanks again!
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
I am now trying to add a number to the right of the stars to indicate total number of voters.
I have tried using a span element after the star div but it doesn't line up properly with the star ratings.
From what I gather I cannot use margin or padding with a span element which is what I tried (span.ratingTotal{padding:0 0 5px 10px;}).
I also tried just placing the text inside the star div before the i tags and after them but that didn't work either.
The only thing I tried that seems to work is to use a p class tag and place it under the star ratings but I prefer to have it inline with them.
Is there a way to do this?

try like this: jsfiddle.net/ktpn8oq7/
Wow, thanks very much.
I had tried something similar but didn't make the same css changes as you.
I am trying to understand your css better as it is a little more advanced than I am used to.
I had decided to go with the p class but will now undo everything and try your solution.
Thanks again!