how to align element to bottom of page in print preview


Tags: html,css

Problem :

i am trying to align the element of my html page, using css.

I have aligned the element to bottom of page, but when i see the page in print preview. the element is not appearing at bottom

i am using this css to align element to bottom

code:

.bel {
    position:relative;
    margin-left: 38%;
    margin-right: 38%;
    bottom:-25pc;
}

html code:

<span class="bel">Text 1</span>

but this is not working...How can i solve this?



Solution :

I think, I know what you need.

Research please, @media screen, @media print, @media all


    CSS Howto..

    How to divide the content column in to two using css

    In GWT, how to create a Style object and associate it with a Widget WITHOUT using a CSS file and WITHOUT UiBinder

    Generated web font doesn't show dots above Ü

    How to remove the “Facebook social plugin” text?

    How to get CSS styling to shown on page? [closed]

    How to remove
     tag

    How to structure a Grunt task for develop and release

    How to remove space after a colon in CSS with Sublime Text 3?

    how to have custom css overrule bootstrap

    Grails: How do I use the resources plugin to add a CSS “link” tag into the head?

    How to make text invisable during hover stage

    How do I select certain siblings via CSS?

    How should I keep webpages consistent [closed]

    How to add CSS for dynamic MenuItems in MenuList and How to get the value of the MenuItem in XUL

    How to unfold or close content in html/JS - always assigned to different id

    Hide categories div block, Expand slideshow 100% from responsive layout

    How can I get the first and last name labels to align under the corresponding input forms?

    How to make html elements fire effects on other elements using css

    how to solve in conflict css?

    How to do fade-in and fade-out with JavaScript and CSS

    How I can add highlight effect on outside the area of selection with CSS?

    How to scroll with large pages with jQuery onepage-scroll plugin?

    How to style a “list item > link” in jquery mobile

    How to display html with css stylesheet in TextView?

    How to edit CSS styles in JavaScript?

    Any ideas how to display divs vertically in bootstrap container?

    How to make a foreground image using CSS?

    css how to align a graphic on page

    How to make this series of rules into a mixin?

    How to make my .css and .js file work with my html code loaded in a WebView on Android