Выровнять текст Div внутри формы

Question

Я пытаюсь заставить actionlink выравниваться прямо для этого кода.

    <div style="height: 40px; background-image: url('/Images/page-title-bg.gif'); background-repeat: repeat-x; background-color: #EBEBEB; border: 1px solid Silver; border-top: 1px solid #f9f9f9; padding-left: 10px; box-shadow:0px 0px 2px 2px rgba(0,0,0,.1);">
        <h1 style="border: none; line-height: 40px; text-shadow: 1px 1px 1px #fff;">
        Edit Publication @Html.ActionLink("Back to List", "Approve", null, new { style="text-align:right; font-size:12px;" })
        </h1>
    </div>

По какой-то причине выравнивание текста: правильный стиль не работает. Я в основном хочу заголовок слева и actionlink в правом углу div.

Это проблемный раздел

Edit Publication @Html.ActionLink("Back to List", "Approve", null, new { style="text-align:right; font-size:12px;" })

Это HTML, который генерируется в соответствии с запросом

    <div style="height: 40px; background-image: url('/Images/page-title-bg.gif'); background-repeat: repeat-x; background-color: #EBEBEB; border: 1px solid Silver; border-top: 1px solid #f9f9f9; padding-left: 10px; box-shadow:0px 0px 2px 2px rgba(0,0,0,.1);">
        <h1 style="border: none; line-height: 40px; text-shadow: 1px 1px 1px #fff;">
        Edit Publication <a href="/EPub/Approve" style="text-align:right; font-size:12px;">Back to List</a>
        </h1>
    </div>

Answer 1

С макушки моей головы ...

h1 {
  overflow:hidden;
}
h1 span {
  float:left;
}
h1 a {
  float:right;
}

<h1><span>Title text</span> <a href="">Link text</a></h1>

... как быстро догадаться. переполнение на h1 должно действовать как сброс для 2-х поплавков, содержащихся внутри.