@CookieMonster32

Почему кнопка нормально не стает на место?

Привет всем! Я только начал учится верстать сайты и вот кнопка не стает на место . Вот HTML
<!DOCTYPE HTML>
<html>
<head>
	<title>Blog</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	<link rel="stylesheet" type="text/css" href="font.css">
</head>
<body>
	<header>
	
	</header>
	<main >	
		<div class='topback'>
			<img class='logo' src="D:\HTML\MyBlog\Foto\logo_795.png"></img>
			<div class="text1"><p>Hi there! We are the new kids on the block<br> and we build awesome websites and mobile apps.
			</p></div>
			<button class="button1">
	 		<svg  xmlns="http://www.w3.org/2000/svg"
				xmlns:xlink="http://www.w3.org/1999/xlink"
				width="296px" height="73px"  viewBox="0 0 296 73">
				<path fill-rule="evenodd"  fill="#eb7d4b"
				d="M6.0,1.9997559 C6.0,1.9997559 290.99994,1.9997559 290.99994,1.9997559 C293.2091,1.9997559 295.0,3.7904053 295.0,5.999634 C295.0,5.999634 295.0,67.99942 295.0,67.99942 C295.0,70.20865 293.2091,71.999664 290.99994,71.999664 C290.99994,71.999664 6.0,71.999664 6.0,71.999664 C3.7907715,71.999664 1.999939,70.20865 1.999939,67.99942 C1.999939,67.99942 1.999939,5.999634 1.999939,5.999634 C1.999939,3.7904053
				3.7907715,1.9997559 6.0,1.9997559 Z"/>
				</svg>	
			</button>
		
	</main>
	<footer>
	
	</footer>
</body>
</html>

Вот CSS:
.topback{
	width: 1440px;
	height: 596px;
	background-color: #87509c;
	margin-left: 12%;
}
.text1{
	font-family: TitilliumWeb-ExtraLight;
	font-size: 42.2px;
	line-height: 48px;
	font-weight: 700;
	color: #f7f3ea;
    margin-left: 267px;
    margin-right: 267px;
    margin-top: 140px;
	margin-bottom: 240px;
	text-align: center;
}
.button1{
	margin-left: 100px;
	margin-bottom: 100px;
}

Помогите, пожалуйста! А то я уже целый день сижу и туплю. За ранние спасибо!
  • Вопрос задан
  • 104 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

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