Блоки выходят за страницу

@Supergun777 · Регистрация: 30.05.2015

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

Здравствуйте, пытаюсь добавить в разметку блок в который входят еще блоки, но остальные блоки выходят за границу понять в чем проблема не могу.

HTML5

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Пивная карта</title>
 
    <!-- Bootstrap -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/Astyle.css" rel="stylesheet">
 
</head>
<body>
 
<!--Основной блок-->
<main>
    <div class="container">
        <div class="artur">
            <div class="Tovar">
                <div class="Logo"></div>
                <div class="Name"></div>
                <div class="Country"></div>
                <div class="Price"></div>
            </div>
 
        </div>
    </div>
</main>
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>

CSS

.Tovar{
    padding-left: 0px;
    width: 250px;
    height: 50px;
 
    background: #ebebeb;
    outline: 0.5px solid #0f0f0f;
}
.Logo {
    outline: 0.5px solid #0f0f0f;
    width: 50px;
    height: 50px;
 
}
.Name {
    width: 200px;
    height: 30px;
    outline: 0.5px solid #0f0f0f;
}
.Country {
 
    width: 75px;
    height: 20px;
    outline: 0.5px solid #0f0f0f;
}
.Price {
    right: auto;
    width: 75px;
    height: 20px;
    outline: 0.5px solid #0f0f0f;
}

@mrtoxas · 11.12.2016, 12:55

Почему вы используете outline вместо border?

@mrtoxas 3825 / 2675 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	11.12.2016, 12:55	2
	Почему вы используете `outline` вместо `border`? 0