Page Margins?

[rfujioka]

How can I add text padding (margins) on a Page?

[langlangcat]

In-line CSS is your friend. in the <div>or <p> tag, include: style="padding-left: 40px;" it will increase the indentation/thus margin of the page. Warning, since the padding is absolute, you do not want to use a too big value due to the concern of portability on different platforms. 

[rfujioka]

Thanks for the tip!

Do you know the HTML code to make all margins equal?

Thanks again.

Rik

[langlangcat]

Would you be more specific? equal on both sides? 

[rfujioka]

Is there HTML code to give equal margin spacing (top, bottom, left, right) on the Canvas Page?

When I copy/paste text from another website, the text ends up starting on the far left edge of the Canvas Page.

I would like a cushion (padding) of 25 px so my text isn’t at the far edge.

Hope this makes sense.

Rik

[langlangcat · Accepted solution]

No, my codes only give you left padding for a page if you put everything on the page within a div.

You must have a reason to leave equal margin on the four sides of a page, we usually do not worry about top and bottom and let the right side run free. 

I will use <div style="margin: 40px;"> to define it if you have to do so. This gives you 40 px's space around the page, but why do you want to make them this way?

It works better if your system admin can define margin with the master CSS for your institution.  this way, you don't have to worry about it for each page.

[rfujioka]

Great information! Makes sense to let the right side run free.

And my District just purchased Canvas, so they/me are discovering new things as we enter school in August.

I like your idea of letting the System Admin define margins with the master CSS. I will make the recommendation.

I wanted a little spacing on the sides because I am changing the background color of certain pages and the text content visually looked too close to the left edge, just a quirk with me I guess.

Do you use different colored backgrounds or just keep it white?

Rik

[langlangcat]

If you have to define an absolute margine for your page, the following value maybe a recommended solution for you now:

<div style="margin: 20px 10px 2px 25px;">, the order is top, right, bottom, left. Feel free to manipulate the value to fit your needs.

[rfujioka]

Excellent! I’ve been using the multiple margin code and played around with the padding code too.

I appreciate your time/effort and thoughts. I will be going to my Sys Admin too

Thanks again.

Rik

[chopper11]

I'm really illiterate when it comes to coding anything.  The simple solution I found was to copy and "paste without formatting" the text into a Google Doc, then repaste it to the Canvas page.  It worked!