BuddyPress.org

For starter it’s a list of items, so a good start would be to rewrite the markup using appropriate semantic elements, in this case a ul construct:

`

• <a href="”>

`
Try not to add inline styling, it’s only used by scripting and shouldn’t be used when it can be avoided, style the elements using the id and classes in your stylesheets.

To get a horizontal list either float the list elements or display:inline-block. If floated you’ll need to add clearing to the parent ul i.e overflow:hidden, if using inline-block and you want to center the images add text-align:center to the parent ul.