Spacing Out Page Content and Margins

Sorry if this post is not completely timely or relevant to video production but it’s something that I’m sure can help with the neatness of your website.

The tag <span> can be used to put a small horizontal space in between two objects on your page. It’s like a page break (<br>) but, instead of creating space above or below something like a page break does, it will add width space. For instance, in my navigation bar, my page links were much too close to one another. Using the <span> tag between each one created a neater, more spaced out nav bar. The same tag can be applied to similar issues, whether it be with text, pictures, etc that are in need of better spacing within the confines of the page or margins.

Also, speaking of margins, there are simple adjustments that can be made to your css style sheets to set fixed margins and keep your page from breaking:

.wrap {
margin:0 auto;}

The above code says your page will be a minimum width of 500px. Therefore, your page will not break when re-sized in a browser. Also margin:0 auto creates set margins for the top and bottom of your page. The length of the page depends on how much you have within it, or, in other words, it will be exactly as long as it has to be. If you want excess space on your page below your last line of text, picture, video, or whatever else, auto margin might not be for you and you can always enter a more exact dimension.

Also, to apply this to the necessary page enter, <div class=”wrap”> within the body of the page. 


#css, #margins, #page width, #page height

~ by plb20 on March 4, 2013.

%d bloggers like this: