Grow your CSS skills. Land your dream job.

The proper way to code this

  • # August 3, 2010 at 9:45 pm

    I’m working on a theme, and I would like some insight on what the proper way to code this.

    What I want is a paragraph on the top left side of the webpage, then a whole other paragraph on the top right side. The same for the bottom left and right sides. So there will be a paragraph on each corner. One thing I can do is have a ‘div id’ for each corner and position each one, but I’m not sure if that’s the proper way, show can someone please help me :)

    Thanks in advance!

    # August 3, 2010 at 11:16 pm

    Do you want them fixed to the corners? or will the page scroll? Do you have an example?

    You could use div’s if there’ll be more than one <p> per box. Doesn’t really matter.

    Just position each into their respective corner. You can either fix them, or absolutely position them.

    #box-one {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 200px;
    padding: 20px;
    }

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".