Pertanyaan Right Align an inline UL yang ada di dalam div


Saya memiliki output pagination yang ditampilkan di dalam

    . Sebuah contoh diposting di sini: http://jsfiddle.net/6N4bD/1/

    The ul melilit 2 divs

    Div pertama adalah 550 lebar Div 2 disebut "paginationDiv" pada dasarnya membungkus ul sekitar

    Ul memiliki list-style: none. Apa yang saya coba lakukan adalah membuatnya mengambang dengan benar, tetapi itu terus muncul sebagai sebuah blok. Saya telah mencoba beberapa hal tetapi tampaknya tidak ada yang berhasil. Jika saya menambahkan lebar ke paginationDiv maka ia bekerja tetapi tidak akurat karena tidak akan pernah diperbaiki

    Berikut tampilannya:

    <div class="parentDiv">
       <div class="paginationDiv">
          <ul id="paginationLinks">
            <li>Page 1</li>
            <li>Page 2</li>
          </ul> 
        </div>
     </div>
    

    Itu kode html

    Inilah css-nya:

    div.parentDiv { 
      width: 550px; 
    }
    div.paginationDiv {
      float: right;
    }
    #paginationLinks ul {
      border: 0;
      padding: 0;
      margin: 0;
    }
    #paginationLinks li {
      list-style: none;
    }
    

    Saya telah memposting contoh di sini: http://jsfiddle.net/6N4bD/1/


    8
    2018-01-24 12:03


    asal


    Jawaban:


    memberikan float:left untuk #paginationLinks li dan kemudian lihat hasilnya


    6
    2018-01-24 12:12



    Apa yang tampaknya berhasil adalah menambahkan display: inline; ke elemen li.

    http://jsfiddle.net/XFdqT/ memiliki demo tentang ini.


    6
    2018-01-24 12:13