pager

<style type="text/css">

        .a

        {

            float: right;

            list-style: none;

            line-height: 25px;

        }

        .a p

        {

            float: left;

            margin: 0;

            padding: 0;

            height: 25px;

        }

        .a img

        {

            margin-top: 8px;

        }

        .a input

        {

        }

        .a input

        {

            border: 1px solid red;

            margin-top: 3px;

            padding: 0;

        }

    </style>

<div class="pager" style="border: solid 1px red; height: 25px;">
        <div class="a">
            <input id="Text2" type="text" style="width: 20px;" /></div>
        <div class="a">
            1vzcvzxcv</div>
        <div class="a">
            2afdsfasdf</div>
        <div class="a">
            <p>
                3asdfasdf</p>
            <p>
                <img src="zoom_blue_graybg.gif" style="width: 10px; height: 10px;" />
            </p>
            <p>
                <input id="Text1" type="text" style="width: 20px;" /></p>
        </div>
    </div>