@Netscout

Как сделать ширину кнопки в зависимости от длинны текста на css?

Здравствуйте !
Прошу подсказать, как сделать ширину кнопки в зависимости от длинны текста.

Сейчас кнопка почему-то растягивается на всю ширину экрана.

<html>

<style type="text/css">

a.button{
background: #83bd46; 
padding: 3px 0px 7px; 
border-radius: 15px; 

	display:block;
	color:#fff;
	font-size: 17px; font-family: Arial; font-weight:bold; 
	height:30px;
	line-height:35px;
	margin-bottom:14px;
	text-decoration:none;

}
a:hover.button{
	color:#0066CC;
}

	.add{
		background:url(1.png) no-repeat 10px 8px;
		text-indent:40px;
		display:block;
	}

</style>
</head>

<body>
<a href="#" class="button"><span class="add">Добавить сюда текст</span></a>
</body>
</html>
  • Вопрос задан
  • 10185 просмотров
Решения вопроса 1
ian14
@ian14
Ставь display: inline-block
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы