Mam problem z tak podstawową rzeczą, że aż wstyd pisać choć już naprawdę nie wiem co może go powodować....
Postanowilem pobawić się trochę div-ami, zrobić sobie proste ćwiczenie. Ustawiłem kilka div-ów w kilku wierszach i między div-ami pojawiają się przerwy między nimi, nie wiem co może je wytwarzać, może ktoś mi podpowie o co tutaj chodzi.
Kod html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="style.css">
<title>test</title>
</head>
<body>
<div id="row1" class="row">
<div id="1" class="button">1</div>
<div id="2" class="button">2</div>
<div id="3" class="button">3</div>
</div>
<div id="row2" class="row">
<div id="4" class="button">4</div>
<div id="5" class="button">5</div>
<div id="6" class="button">6</div>
</div>
<div id="row3" class="row">
<div id="7" class="button">7</div>
<div id="8" class="button">8</div>
<div id="9" class="button">9</div>
</div>
</body>
</html>
Kod css:
html, body
{
background-color: #fff;
border: 0;
margin: 0 auto;
padding: 0;
}
div.button
{
border: 1px #0f0 solid;
width: 50px;
height: 50px;
display: inline-block;
padding: 0;
margin: 0 auto;
}