Skip to:
Content
Pages
Categories
Search
Top
Bottom

Re: How to display user avatar horizontally? [code included]


Hugo Ashmore
Keymaster

@hnla

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.

Skip to toolbar