Horizontally and Vertically Aligned Div with CSS

submitted by uklmhb on 09/29/16 1

When you add divs in html, by default they will stack up on each other vertically. With CSS, however, you can get them to line up in a row horizontally pretty easily. The hard part comes when you want to start combining the two - you have to think in a grid, and "section" off your divs in a logical manner so that the CSS can work the way it's supposed to. In this demonstration, I show you how to work with vertical and horizontally aligned divs in a way that is pretty typical of a lot of websites. It might not be exactly the way you want to do it, but I think you'll see the principles easily enough.

Leave a comment

Be the first to comment

Collections with this video
Email
Message
×
Embed video on a website or blog
Width
px
Height
px
×
Join Huzzaz
Start collecting all your favorite videos
×
Log in
Join Huzzaz

facebook login
×
Retrieve username and password
Name
Enter your email address to retrieve your username and password
(Check your spam folder if you don't find it in your inbox)

×