HTML Href выравнивание

Question

В настоящее время это мой код:

@media (max-width: 500px) {
  a {
    text-align: left;
    font-size: 90%;
    float: left;
  }
}

Как мне выровнять hyperlink по правой стороне?

В настоящее время, если я использую float:left, будет быть сложены с моим другим элементом.

Пример

Исправлено с кодом> "clear : обе" .

Answer 1

wi sh Вы объяснили свою проблему лучше вместе со своим HTML кодом. В любом случае, вы можете использовать display flex, который намного лучше, чем float. Или вы можете использовать text-align: right. если вы хотите, чтобы они были в одном ряду, удалите flex-direction.

.container{
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}

<div class="container">
  <a href="#">click</a>

  <a href="#">click</a>

  <a href="#">click</a>
</div>

Answer 2

Используйте этот код для выравнивания вправо. используйте отдельный div для этой ссылки

.right-link a {
  text-align: left;
  font-size: 90%;
  float: right;
}

<div class="right-link">
  <a href="#"> Link </a>
</div>

Answer 3

Чтобы сделать якорный тег go правым, вам нужно использовать float right вместо float left. Вы также можете выровнять текст по левому краю

.linkright a {
  text-align: left;
  font-size: 2rem;
  float: right;
}

<div class="linkright">
  <a href="#"> click me! </a>
</div>

Answer 4

Используйте приведенный ниже код для выравнивания правой ссылки:

@media (max-width: 500px) {
  a {
    text-align: left;
    font-size: 90%;
    float: right;
    display: block;
    overflow: hidden;
  }
}