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
    933
    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.
    Quality codes are optimized and tested...
    Click here for inspiration..

  2. #2
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,791
    Mentioned
    34 Post(s)
    Tagged
    2 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
    933
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    @dresden_pheonix

    Thanks dude I highly appreciated it.
    Quality codes are optimized and tested...
    Click here for inspiration..


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
  •