Если у меня есть текст в ячейке таблицы, как я могу добавить текст в ту же ячейку, только выровненную по крайнему правому краю ячейки?

#html #css #html-table #row #cell

#HTML #css #html-таблица #ряд #ячейка

Вопрос:

Если у меня есть текст в ячейке таблицы (который автоматически выравнивается по левому краю, что нормально), как я могу также добавить текст в ту же ячейку, только выровненную по крайнему правому краю этой ячейки?

Например, в приведенном ниже HTML-коде мне нужно добавить звездочку в самом крайнем правом углу ячейки, которая в данный момент читается как « <td>Ctrl ⌘ N</td> «. Как я могу это сделать?

 <table class="shortcutTable">
  <tbody>
    <tr>
      <th class="narrow" lang="en">Shortcut</th>
      <th lang="en">Action</th>
    </tr>
    <tr>
      <td>Ctrl ⌘ N</td>
      <td lang="en">Quick Note</td>
    </tr>
  

Ответ №1:

Свойство CSS float будет делать то, что вы хотите. Если у вас на странице уже есть файл CSS, вы можете создать для него класс, но если вы просто хотите поместить его прямо в HTML, попробуйте:

 <td>Ctrl ⌘ N<span style="float: right">amp;ast;</span></td>