Как я могу сосредоточить эту ссылку

У меня есть ссылка с надписью Get D1, которую мне нужно центрировать в середине страницы. Я попробовал text-align: center, но это работает на самом тексте и фактически не центрирует ссылку в середине страницы. Кто-нибудь знает трюк css для этого?

<div id="allds">
    <div id="d1">
        <a href="#" onclick="location.href='http://someurl.com'; return false;" id="d1link">Get D1</a>
    </div>
    <div id="d2">
        content of d2
    </div>
</div>

Ответ 1

#d1 { width:whatever; margin:0 auto; }

Если вы не хотите указывать ширину, вам нужно использовать альтернативный метод.

Ответ 2

Проще, чем:

#d1link {display:block;text-align:center}

text-align: центр не работает с встроенными элементами. По умолчанию якорь является встроенным элементом.

Ответ 3

Здесь ya go:

#link-container {
    text-align: center;
}
#link {
    background: black;
    color: white;
    display: inline-block;
    padding: 10px;
}

<div id="link-container">
    <a href="#" id="link">This is my link!</a>
</div>

Что вам нужно?

Ответ 4

вы можете установить margin-left от d1 до 50%... но allds должны иметь ширину спецификации