Lists/Plugins won't align horizontally (3 posts)

  1. bpfortnam
    Posted 2 years ago #


    I am trying to add social media share buttons to my site brettfortnam.com, below my post header and before my post content on the single posts pages. I have tried various plugins including diggdigg and reallysimplesharebuttons, but the buttons always appear in a vertical list. I tried to circumvent the problem by creating my own list, but it would still not align horizontally and on the same line. While troubleshooting I added a basic list with the following code:


    with the corresponding css:

    ul {
    list-style-type: none;

    ul li {

    I have also tried using display:inline-block; and adding float:left; and postion: relative; in any spot, but to no avail. Any help would be greatly appreciated. Thank you.

  2. esmi
    Forum Moderator
    Posted 2 years ago #

    Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

  3. martcol
    Posted 2 years ago #

    If you Google "horizontal list CSS" you'll get plenty of help understanding how to implement that.

Topic Closed

This topic has been closed to new replies.

About this Topic