Why is it centered?


I am using http://foundation.zurb.com/ framework to create a Joomla template. However on one of the pages:


The text is being centered and the right hand image placed below this. When I view the css on line 1015 of foundation.css is this:

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
margin: 0;
padding: 0;
direction: ltr;

Trying to Better Understand Grids

I am still new to CSS and have much to learn. I am trying to understand placement in a grid, with say, pictures and then content I want to sit to the left or right of said picture.

Let's say I have a 12 column grid I want to use for my page, each labeled accordingly starting from left to right from 1-12 respectively. So I have a picture I want to left align in column 3 that spans across through column 5. I then want to have column 6 blank and left align some paragraph text that will span columns 7-10. How do I do this?

EASY: Two columns side by side

Just a quick question in, I'm working on a little demo project and I'm trying to get to div columns to sit side by site but there misbehaving.

Link to demo page:


I can get them to sit side by side if I adjust the percentages in the "width" rule. but what happening now is that the "wrapper" div is not encompassing the "nav" and "main" div pretty much give me what I currently have now.

How to reduce the space between posts displayed on main page?

i need to change the space between the posts being displayed on the main page of my website www.labshab.com

i am using post-excerpts to show below each post title.. and i tried modifying #content but wasnt able to reduce the space.

please guide me


CSS positioning on mobile phones

Hi, i have just started to work on a new website and decided i have to build almost everything in css, because i just like it Smile
Now i am facing a few problems.

i am trying to create a middle circle with some round buttons around the middle circle, so that everything that opens, opens up in the middle page.
First i am not getting this middle circle in the center of the page.
Second, i am not getting these circular buttons

here is the code:

<!DOCTYPE html>
        <meta charset="UTF-8">

Syndicate content