Размещение тега DIV внутри другого тега DIV

Question

Я довольно новичок в веб-дизайне, но из тега DIV я понял, что мне он нравится как логический контейнер для всего, что внутри него, и эти вещи будут следовать его правилам ... так что теперь у меня есть внешний тег DIV, определенный как <div style="margin-left: 10px;" >, и я поместил в него текстовое поле, кнопки, комбинированные списки ... теперь у меня также есть HyperLink, который я хочу, чтобы он был там, НО я хочу, чтобы этот был на с правой стороны, выровненный по правому краю, поэтому я определил другой DIV, например <div align="right">, и вставил гиперссылку insde в этот. они все еще внутри этого другого внешнего DIV tho. но это не идет направо ... что не так и как я могу это исправить? Я прикрепил изображение, видите, я хочу, чтобы оно было таким же, как на правой стороне этого поля со списком ...

спасибо всем

Answer 1

Попробуйте это:

<div style="margin-left: 10px;">
    <p>Reason for Referral</p>
    <input type='text'></input>
    <div style="display:inline"><a href='#'>Not Found?</a></div>
</div>

Answer 2

нет выравнивания.Вы имеете в виду выравнивание текста?Это повлияет на встроенные элементы в элементах уровня блока.

Answer 3

Пока вам нужно выровнять встроенный элемент (ваш тег ссылки) по правому краю, вы можете использовать text-align свойство стиля и установить его вправо:

<div style="text-align:right">
  <a href="">blabla</a>
</div>

Answer 4

Если у вас есть что-то вроде:

<div class='group'>
    <p>Reason for Referral</p><br/>
    <input type='text'></input>
    <div class='right'><a href='#'>Not Found?</a></div>
</div>

Тогда в css:

div.right {
    float: right;
}

Вы должны получить что-то близкое к желаемому эффекту.

Answer 5

Может быть, под списком, потому что текст слишком длинный, чтобы поместиться во внешний div?это сделало бы его на один ряд ниже.