Сосредоточить плавающую ссылку внутри div

Question

У меня есть div с только минимальной шириной, которая расширяется, как будто она составляет 100% ширины.

Внутри него у меня есть оставленная ссылка, и я схожу с ума, находя способ центрировать ее внутри div.

Как я могу сделать это, не меняя его поплавок?

Да, и ссылка не определена с

EDIT:

Я пробовал с:

Я дал контейнеру выравнивание текста: центр, Удалил float и он центрируется, но не выравнивается с другим элементом, и я попытался использовать display: inline и vertical-align.

Для кода я пытаюсь центрировать «Название проекта» здесь http://twitter.github.com/bootstrap/examples/fluid.html

Answer 1

Надеюсь, это поможет:

http://jsfiddle.net/cU2ff/

EDIT

http://jsfiddle.net/cU2ff/1/

Я придумал это, не знаю, поможет ли это. Свойство float: left ничего не делает, но я оставил его там

<div id='container'>
 <a id='projectName' href='#'>Ciaoasdsa da sda sd asd adsa</a>
 <ul id='menu'><li>li1</li><li>li2</li></ul>
 <p id='login'><a>asd</a></p>
</div>

#container 
{
 width:100%;
 position:relative;
 overflow:hidden;
 border: 1px solid black;
}

li { float: left; } 

#menu, #login { border: 1px solid black; }

#menu{ float:left; }

#login { float:right; }

#projectName
{
 text-align: center;
 border:1px solid red;
 padding:3px;
 width: 100%;
 position: absolute;
 float: left;
}

EDIT

http://jsfiddle.net/cU2ff/2/

оберните его div и присвойте ему id projectName

Answer 2

Я обычно использовал это тоже, чтобы центрировать мои ссылки внутри div.

div.name a
{
margin-left:auto;
margin-right:auto;
}

Answer 3

Без возможности просмотра html, о котором вы говорите, немного сложно дать вам ответ, но попробуйте это, если это просто текст внутри ссылки.

a{
 display:block;
 text-align:center;
 width:100%;
}

Answer 4

Попробуйте использовать это

a{
margin:0 auto;
}