Как создать кнопку в html?

Question

[AppAlex]

Есть такой код:

<div class="thanx">
	<div class="container">
		<div class="row row-1">
			<div class="col-md-12">
				<div class="thanx-title">Благодарим за проявленный интерес!</div>
				<div class="thanx-description">В ближайшее время наш менеджер свяжется с Вами и уточнит все детали проекта. А пока узнайте как правильно построить барбекю комплекс.</div>
			</div>
			<a class="start-test-button ripplelink" href="https://clickchat.me/pechniki/" target="_blank">
            <img class="get" src="images/ico-money.png" alt="">Узнать</a>
		</div>
	</div>
</div>

Как правильно написать код для кнопки узнать, что бы она отображалась как кнопка?

Comments

[ThunderCat]

код в тег кода оформите

[AppAlex]

<div class="thanx">
	<div class="container">
		<div class="row row-1">
			<div class="col-md-12">
				<div class="thanx-title">Благодарим за проявленный интерес!</div>
				<div class="thanx-description">В ближайшее время наш менеджер свяжется с Вами и уточнит все детали проекта.</div>
			</div>
			<a class="start-test-button ripplelink" href="https://clickchat.me/pechniki/" target="_blank">
            <img class="get" src="images/ico-money.png" alt="">Узнать как правильно построить барбекю</a>
		</div>
	</div>
</div>

[AppAlex]

ThunderCat,

<div class="thanx">
	<div class="container">
		<div class="row row-1">
			<div class="col-md-12">
				<div class="thanx-title">Благодарим за проявленный интерес!</div>
				<div class="thanx-description">В ближайшее время наш менеджер свяжется с Вами и уточнит все детали проекта.</div>
			</div>
			<a class="start-test-button ripplelink" href="https://clickchat.me/pechniki/" target="_blank">
            <img class="get" src="images/ico-money.png" alt="">Узнать как правильно построить барбекю</a>
		</div>
	</div>
</div>

[html-css]

изображение прикрепить, нифига не понятно

[AppAlex]

html-css,

[AppAlex]

[AppAlex]

@html-css,

[html-css]

<button>Кнопка</button>

[AppAlex]

html-css, спасибо.
Как ее сделать красной и сделать больше?

[html-css]

напр. так

button{
background:red;
font-size:18px;
padding:10px 15px;
color:white;
border-radius:5px;
}

[AppAlex]

html-css,

<div class="thanx">
	<div class="container">
		<div class="row row-1">
			<div class="col-md-12">
				<div class="thanx-title">Благодарим за проявленный интерес!</div>
				<div class="thanx-description">В ближайшее время наш менеджер свяжется с Вами и уточнит все детали проекта. А пока, узнайте как правильно построить барбекю комплекс.</div>
			</div>
			<a class="btn btn-primary start-test-button ripplelink"
            href="https://clickchat.me/pechniki/" 
            role="button{
background:red;
font-size:25px;
padding:10px 15px;
color:white;
border-radius:5px;
}"
            target="_blank">
            <img class="get" src="images/ico-money.png" alt="">
     Узнать как правильно построить барбекю
</a>
		</div>

так?

[html-css]

AppAlex,

не  role=
а 
style=

[AppAlex]

html-css,

<a class="btn btn-primary start-test-button ripplelink"
            href="https://clickchat.me/pechniki/" 
            style="button{
background:red;
font-size:35px;
padding:10px 15px;
color:white;
border-radius:5px;
}"
            target="_blank">
            <img class="get" src="images/ico-money.png" alt="">
     Узнать как правильно построить барбекю
</a>

Все без изменений.

Answer 1

[ThunderCat]

У вас же там бутстрап прикручен? Так какого вы не пользуете доку от него?

<a class="btn btn-primary start-test-button ripplelink"
href="https://clickchat.me/pechniki/" 
role="button"
target="_blank">
    <img class="get" src="images/ico-money.png" alt="">
     Узнать как правильно построить барбекю
</a>