Adding labels for every image and adjusting float on span classes
lösung
Hello!
I'm working on a module to display our agency certifications. The issue I have is the default left float for the span classes (Screenshot A). I want to center the badges across the module, not have it float left, so the spacing is equal on both sides. This is part of the code I have now that displays each badge:
The next issue I have is putting labels/text under each badge. I'm not sure what's the best way to do this. I've tried putting rich text boxes under each badge, but it appears behind the badge and not below it. Ideally, I'd like it to look like this (Screenshot B):
Because the parent container of floated spans is that .row-fluid, the easiest way to do this might be to wrap its contents (the spans) in another container an center than container:
Because the parent container of floated spans is that .row-fluid, the easiest way to do this might be to wrap its contents (the spans) in another container an center than container: