Как настроить значение параметра css?

Question

Я ищу способ указать значение параметра page 1 of X.Кажется, это определяется как значение параметра.Могу ли я просто нацелить класс div, чтобы немного переместить его вниз по странице, чтобы выровнять с другим элементом?

HTML:

<div class="pager">
<form class="awpcp-pagination-form" method="get">
    <table>
        <tbody>
            <tr>
                <td>1</td>
                <td>
                    <select name="results">                                                                         
                        <option value="5">5</option>                                                                                                          
                        <option value="10" selected="selected">10</option>                                                                                                          
                        <option value="20">20</option>                                                                                                   
                        <option value="30">30</option>                                                                                    
                        <option value="40">40</option>                                                                                                                       
                        <option value="50">50</option>                                                                                                                                      
                        <option value="60">60</option>                                                                                                
                        <option value="70">70</option>                                                                                             
                        <option value="80">80</option>                                                                                     
                        <option value="90">90</option>                                                    
                        <option value="100">100</option>                                                               
                        <option value="500">500</option>
                    </select>
                </td>
            </tr>
        </tbody>
    </table>
</form>

Страница: https://adsler.co.uk/browse-adsler/

Answer 1

Если я понимаю ваш вопрос, вы можете сделать это, используя поля с CSS.

.divclass{ margin-top: 2%; }

Нечто подобное может сработать. Вы также можете попробовать использовать Flex-Box или Grid.

Удачи!

Answer 2

Ваш вопрос совершенно не определен, но при условии, что вам нужен способ нацеливания на элемент и на основе предоставленного HTML, это способы нацеливания на конкретные элементы HTML.

/* Pagination container */
.awpcp-pagination-form {
  outline: 1px solid purple;
  padding: 10px;
}


/* Only the selection within container */
.awpcp-pagination-form select {
  outline: 1px solid blue;
}


/* or */

select[name="results"] {
  background: red;
}

<div class="pager">
  <form class="awpcp-pagination-form" method="get">
    <table>
      <tbody>
        <tr>
          <td>1</td>
          <td>
            <select name="results">
              <option value="5">5</option>
              <option value="10" selected="selected">10</option>
              <option value="20">20</option>
              <option value="30">30</option>
              <option value="40">40</option>
              <option value="50">50</option>
              <option value="60">60</option>
              <option value="70">70</option>
              <option value="80">80</option>
              <option value="90">90</option>
              <option value="100">100</option>
              <option value="500">500</option>
            </select>
          </td>
        </tr>
      </tbody>
    </table>
  </form>