WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. bpfortnam
    Member
    Posted 8 months ago #

    Hello,

    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:

    `<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    </ul>`

    with the corresponding css:

    ul {
    list-style-type: none;
    }

    ul li {
    display:inline;
    }

    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 8 months 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
    Member
    Posted 8 months ago #

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

Reply

You must log in to post.

About this Topic