Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Add a row of images with caption

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #45287
    thetechfreak
    Member

    I want to make something like this. But i cant find a way to make a row of these images and text below them. I’ve tried and showing you what it looks like.
    Here is what I want
    http://imgur.com/gAcjzpM
    here is what I am getting
    http://imgur.com/FZFLvMk

    How to do it ??
    here is my code

    http://jsfiddle.net/9XqUT/1/

    #137633
    TheDoc
    Member

    Change the `display: inline;` on the list items to either:

    display: inline-block;

    or

    display: block;
    float: left;

    #137634
    djrolstad
    Participant

    float:left; to content ul li

    #137678
    daffy58
    Participant

    Hi,

    As I saw your mock up, I guess this would be css for you.

    #content ul {
    list-style: none;
    overflow:hidden
    }
    #content ul li {
    float:left;
    color: red;
    text-align:center;
    margin:10px 0 0 10px
    }

    you adjust the margin/padding for each box for your own desire ;)

    hope this helps.

    #137689
    thetechfreak
    Member

    Thanks all for your reply !

    Well I used a HTML5

    tag, and
    . My problem is solved. :)
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.