Кнопка стиля Bootstrap точно так же, как ссылка

Question

Я пытаюсь стилизовать кнопку идентично тому, как будет выглядеть ссылка.Это так близко, как я получил:

<p>Hello <a href="aoeu">how</a> are you</p>
<p>Hello <button class="btn btn-link p-0 m-0 d-inline">how</button> are you</p>

https://codepen.io/anon/pen/ZqvjyJ

Может ли это быть достигнуто?

Answer 1

Исправлена ​​проверка кода или ссылки ниже.

HTML:

<p>Hello <a href="aoeu">how</a> are you</p>
<p>Hello <button class="btn btn-link p-0 m-0 d-inline">how</button> are you</p>

CSS

p .btn-link {
    vertical-align: baseline;
}

https://codepen.io/dev_aman/pen/RexYoa

Answer 2

Вам просто нужно добавить align-baseline класс ...

<button class="btn btn-link p-0 m-0 d-inline align-baseline">how</button>

https://codepen.io/anon/pen/dgJjdr