Div не выравнивается по центру

@whoam · Регистрация: 14.10.2015

Author24 — интернет-сервис помощи студентам

HTML5

<!DOCTYPE html>
<html lang="en">
<head>
    
    <title>Skynet</title>
 
    <link rel="stylesheet" href="index.css"> 
</head>
<body>
    <h1>Skynet soon</h1>
    
    <div id="clockdiv" >
  <div>
    <span class="days"></span>
    <div class="smalltext">Days</div>
  </div>
  <div>
    <span class="hours"></span>
    <div class="smalltext">Hours</div>
  </div>
  <div>
    <span class="minutes"></span>
    <div class="smalltext">Minutes</div>
  </div>
  <div>
    <span class="seconds"></span>
    <div class="smalltext">Seconds</div>
  </div>
</div>
 
<script src="index.js"></script>
</body>
</html>

CSS

body{ 
     background: url(wallpaper.jpg) no-repeat center center fixed;
     background:cover;
     
 }
 
 h1{
     color: white;
      font-family: fantasy;
    font-size: 500%;
    text-align: center;
 }
 
 #clockdiv{
  font-family: sans-serif;
  color: #2E2D88;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
}
 
#clockdiv > div{
  padding: 10px;
  border-radius: 3px;
  background: #778899;
  display: inline-block;
}
 
#clockdiv div > span{
  padding: 15px;
  border-radius: 3px;
  background: #D3D3D3;
  display: inline-block;
}
 
.smalltext{
  padding-top: 5px;
  font-size: 16px;
}
 
.clockdiv{
   
     width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: auto;
}

в чем может быть проблема ?

Комментарий модератора

Используйте соответствующие теги в редакторе для форматирования кода!

@Freeze_Breeze · 01.12.2017, 14:47

whoam, в блоке #clockdiv убери display: inline-block;

@Freeze_Breeze 278 / 272 / 106 Регистрация: 12.01.2016 Сообщений: 1,666
	01.12.2017, 14:47	2
	whoam, в блоке `#clockdiv` убери `display: inline-block;` 0

Опции темы