SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    3 boxes align horizontal and centered?

    Hi guys,

    How to make 3 boxes and align them horizontally?
    And center them?

    Can you show me samples please.

    Thank you very much in advanced.
    I Love coding...
    Don't click this link.

  2. #2
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,734
    Mentioned
    31 Post(s)
    Tagged
    1 Thread(s)
    all HTML elements are boxes, so depending on the semantic you may want to use different tags to acomplish this. for the sake of brevity, I am using a UL.

    Code:
    ul {margin:0; padding:0; list-style: none; text-align: center}
    li {display: inline-block; border: 1px solid pink; width:150px; height:150px; text-align: left;vertical-align: top}
    </style>
    <ul>
    	<li>box</li>
    	<li>box</li>
    	<li>box</li>
     </ul>

  3. #3
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    911
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    @dresden_pheonix

    Thanks dude I highly appreciated it.
    I Love coding...
    Don't click this link.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •