Отступ отображается не корректно
Добрый день уважаемые формчане. У меня такая проблема. Использую sublime tex3 плагин emmet. Суть проблемы состоит в том, что при использование padding и прописывая свойства для отступа он применяет совершенно другие отступы. Например задаю 10px 20px(в классе right-bar); а он применяет совершенно другие. Отступ нужен как на картинке(подскажите пожалуйста где рыть). Спасибо всем кто откликнется=)
PS: html и css изучаю 1 день, сильно не критикуйте =))
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="karkas">
<div class="header">
<a href="#"><img class="logo" src="images/logo.jpg"></a>
<ul class="menu">
<li><a href="#">Aktuelles</a></li>
<li><a href="#">Philosophie</a></li>
<li><a href="#">Besonderheiten</a></li>
<li><a href="#">Partner</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Impressum</a></li>
</ul>
</div>
<div class="main-content">
<div class="main-content-img">
<img src="images/content-img.jpg" alt="главная картинка">
</div>
<div class="content-left">
<h1>Sehr geehrte Patienten,</h1>
<p> wir freuen uns, dass Sie sich für unsere Praxis für moderne Zahnheilkunde interessieren – herzlich willkommen!</p>
<p>Die Homepage soll Ihnen einen ersten Einblick in das Leistungsspektrum und die Behandlungsphilosophie vermitteln. Es wird Sie interessieren, wie schonend und sorgsam ein Zahnarztbesuch sein kann.</p>
<p>Sie sind herzlich eingeladen, sich bei einem Besuch in meiner Praxis mit ihren Fragen und Wünschen anzuvertrauen.</p>
<p>Ihre Dr. Dr. Günther Chmelitschek und Dr. Thomas Chmelitschek</p>
</div>
<div class="right-bar">
<h1>Sprechzeiten</h1>
<p>Zahnarztpraxis Dr. Dr. Chmelitschek<br />
Stollstr. 6<br />
83022 Rosenheim</p>
<p>Mo-Fr von 08:00-18:00 Uhr<br/>
und nach Vereinbarung</p>
</div>
</div>
<div class="footer">
<p>Zahnarztpraxis Chmelitschek © 2011</p>
</div>
</div>
</body>
</html>
.menu li{
float: left;
border-left: 1px solid #f3f3f3;
padding:8px 25px 8px 25px;
}
.menu li:fist-child{
float: left;
border-left:none;
padding: 8px 25px;
}
.menu li a{
color: #5f5d67;
text-decoration: none;
}
.menu li a:hover{
text-decoration: underline;
color:#9dc5f0;
}
/*Основная часть контента*/
.main-content{
overflow: hidden;
}
.main-content h1{
font:normal 24px "Time new Roman";
margin-bottom: 20px;
}
.main-content p{
margin-bottom: 20px;
}
.content-left{
background: #fff;
padding: 30px;
width: 420px;
float: left;
}
.right-bar{
background: #fff;
width: 230px
padding:10px 10px 30px 25px;
float: right;
}
Какой нужен отступ.
http://stick.kz/img/2017-01/11/9e2hs...akoxc2sv7k.png
Какой отступ получается у меня
http://stick.kz/img/2017-01/11/bj4s5...n4e9dsij96.png