Нужно убрать отступы между числами чтобы подогнать их под текст который слева ниже где написано дни часы минут секунды.
Вот код
HTML
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Таймер обратного отсчёта времени от sergeysolodov.com</title>
<!-- CSS -->
<link rel="stylesheet" href="style.css" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic"
rel="stylesheet" type="text/css" />
<!-- jQuery -->
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<!-- Countdown -->
<script type="text/javascript" src="js/jquery.countdown.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<!-- Таймер -->
<div id="counter"></div>
<div id="text">
<div class="days">ДНИ</div>
<div class="hours">ЧАСЫ</div>
<div class="minutes">МИНУТЫ</div>
<div class="seconds">СЕКУНДЫ</div>
</div>
</body>
</html>
CSS
#counter {
width: 780px;
height: 140px;
margin: 80px auto 0 auto;
font-size: 30px;
color: #000000;
font-weight: normal;
line-height: 100px;
overflow: hidden;
}
#counter p {
float: left;
padding-left: 0;
margin: 0 17px 0 13px;
color: #2d2d2d;
text-shadow: 0 1px 0 #dcefef;
min-width: -50px;
}
div {
display:blockl
padding:-50px;
margin: 0px
}
.days, .hours, .minutes, .seconds {
float: left;
text-shadow: 0 1px 0 #dcefef;
}
.days {
font-size: 14.361px;
font-family: "Myriad Pro";
color: rgb( 51, 51, 51 );
line-height: 1.393;
text-align: center;
-moz-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
-webkit-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
-ms-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
position: absolute;
left: 240.981px;
top: 220.338px;
z-index: 69;
}
.hours {
font-size: 14.519px;
font-family: "Myriad Pro";
color: rgb( 51, 51, 51 );
line-height: 1.378;
text-align: center;
-moz-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
-webkit-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
-ms-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
position: absolute;
left: 294.474px;
top: 220.342px;
z-index: 70;
}
.minutes {
font-size: 14.519px;
font-family: "Myriad Pro";
color: rgb( 51, 51, 51 );
line-height: 1.378;
text-align: center;
-moz-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
-webkit-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
-ms-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
position: absolute;
left: 350.033px;
top: 220.177px;
z-index: 71;
}
.seconds {
font-size: 14.519px;
font-family: "Myriad Pro";
color: rgb( 51, 51, 51 );
line-height: 1.378;
text-align: center;
-moz-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
-webkit-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
-ms-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
position: absolute;
left: 425.34px;
top: 220.177px;
z-index: 72;
}
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Таймер обратного отсчёта времени от sergeysolodov.com</title>
<!-- CSS -->
<link rel="stylesheet" href="style.css" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic"
rel="stylesheet" type="text/css" />
<!-- jQuery -->
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<!-- Countdown -->
<script type="text/javascript" src="js/jquery.countdown.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<!-- Таймер -->
<div id="counter"></div>
<div id="text">
<div class="days">ДНИ</div>
<div class="hours">ЧАСЫ</div>
<div class="minutes">МИНУТЫ</div>
<div class="seconds">СЕКУНДЫ</div>
</div>
</body>
</html>
CSS
#counter {
width: 780px;
height: 140px;
margin: 80px auto 0 auto;
font-size: 30px;
color: #000000;
font-weight: normal;
line-height: 100px;
overflow: hidden;
}
#counter p {
float: left;
padding-left: 0;
margin: 0 17px 0 13px;
color: #2d2d2d;
text-shadow: 0 1px 0 #dcefef;
min-width: -50px;
}
div {
display:blockl
padding:-50px;
margin: 0px
}
.days, .hours, .minutes, .seconds {
float: left;
text-shadow: 0 1px 0 #dcefef;
}
.days {
font-size: 14.361px;
font-family: "Myriad Pro";
color: rgb( 51, 51, 51 );
line-height: 1.393;
text-align: center;
-moz-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
-webkit-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
-ms-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
position: absolute;
left: 240.981px;
top: 220.338px;
z-index: 69;
}
.hours {
font-size: 14.519px;
font-family: "Myriad Pro";
color: rgb( 51, 51, 51 );
line-height: 1.378;
text-align: center;
-moz-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
-webkit-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
-ms-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
position: absolute;
left: 294.474px;
top: 220.342px;
z-index: 70;
}
.minutes {
font-size: 14.519px;
font-family: "Myriad Pro";
color: rgb( 51, 51, 51 );
line-height: 1.378;
text-align: center;
-moz-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
-webkit-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
-ms-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
position: absolute;
left: 350.033px;
top: 220.177px;
z-index: 71;
}
.seconds {
font-size: 14.519px;
font-family: "Myriad Pro";
color: rgb( 51, 51, 51 );
line-height: 1.378;
text-align: center;
-moz-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
-webkit-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
-ms-transform: matrix( 0.84079182794779,0,0,0.68877335193187,0,0);
position: absolute;
left: 425.34px;
top: 220.177px;
z-index: 72;
}
Что добавить не как понять не могу((
