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


.bel {
    margin-left: 38%;
    margin-right: 38%;

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 prevent child element from widening parent element's width in css

    How to create two Tables in JavaScript and use with different CSS?

    How to set image as a button in HTML & CSS?

    how to set individual scroll for content and left menu

    How can I make a 2-level navigation bar? [closed]

    How do I get a CSS class to show up in my javascript with my previous method?

    Showing divs in th on the same line

    How do I apply css code for svg in google api charts

    How to make a text with skewed line but not letters?

    How do I wrap a overflowed span in fixed div

    How to apply the CSS of navbar-inverse in twitter-bootstrap

    How to hide text behind image

    How to prevent rightmost inline element from wrapping or overflowing in CSS?

    How can I target an id=“last_name[]_field” with css

    How to change style for before/after in Angular?

    How fix position element so that while hovering on one element other two element should remain at same place

    How to CSS style a div to look like a GUI control box with a label?

    How to separate html header and content with css and make the content scrollable

    How to get CSS around links like login button

    How to increase the width size of JQuery UI Tooltip by its default value?

    How to remove line between two diagonally opposite css scalene triangles?

    select the element before the last using nth child regardless of how many elements you have? [duplicate]

    How to remove text flicker in CSS?

    How can I prevent a bookmark from changing style when moving the cursor over it?

    how to render tilted images in html or css or javascript ..?

    How to build native C++ apps with HTML/CSS UI?

    newbie css/php question - how to get a div between a label and an input with cakephp

    How to apply ckeditor css to output

    How to apply two CSS classes to a single div/span

    How to maintain hover state even when mouseout of main drop down link