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 make width of a dynamic table not increase?

    How to remove an element without id

    How to provide responsive design for svg?

    How to resize an image cropping it equally on each side with CSS

    How can i make each div look like seperate block?

    How to set CSS for disabled checkboxes?

    CSS how to fill height of container?

    how can a media query detect a full-hd smartphone?

    How to change the css class name dynamically in angular 2

    how to indent jqgrid table?

    CSS Dropdown menu: How to make absolute positioned sub nav line up perfectly

    How would you code this: The SO Announcement bar [closed]

    How to add CSS class to password field using jquery in MVC?

    Jquery: Show/hide menu with single button

    How to dynamically change the value of a CSS property inside a stylesheet?

    How to do centered

    with
    on both sides over a background image

    How to Vertically Center Images on a Line?

    How to set CSS attributes to default values for a specific element (or prevent inheritance)

    How to set border's thickness in percentages?

    How to pop out an image inside a ul li div when the css surrounding it won't let you

    Color of links not always showing correctly

    How to force or bring vertical scroll bar to front in html css

    How to override CSS style during hover in a table row?

    How do I Align The Border Of Text To An Image? (HTML/CSS) | (Extra [Answered]): How do I Fullscreen with Inspect? |

    How Do I Wrap Text So My Accordions Image Does Go OutSide My aAccordion

    Mini-map of HTML page sections shown as fixed anchors in viewport

    How to animate an unknown number of items in sequence using css animations?

    How can I push the primefaces DefaultMenuModel before an accordion panel?

    How to edit the CSS of a selector in Polymer 1.0

    How to make “transbox” full width