спасибо за ваш код. намного круче того, что я смог. если не сложно - вот html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>calculator</title>
<style>
.container {
display: block;
background: green;
width: 600px;
height:250px;
}
.plan {
width:100px;
}
.value-breakfast {
text-align: center;
margin-top: -138px;
}
.value-breakfast div a{
margin: 35px;
}
.value-supper {
text-align: center;
margin-top: 28px;
}
.value-supper div a{
margin: 35px;
}
.value-dinner {
text-align: center;
margin-top: 28px;
}
.value-dinner div a{
margin: 35px;
}
.cost {
background: red;
width: 150px;
height: 25px;
margin-top:20px;
margin-left:125px;
}
</style>
</head>
<body>
<div class="container">
<div class="plan">
<h2>Breakfast</h2>
<h2>Supper</h2>
<h2>Dinner</h2>
</div>
<div class="value-breakfast">
<div><a>S</a> <a>M</a> <a>L</a></div>
</div>
<div class="value-supper">
<div><a>S</a> <a>M</a> <a>L</a></div>
</div>
<div class="value-dinner">
<div><a>S</a> <a>M</a> <a>L</a></div>
</div>
<div id="cost"class="cost">
<a id="cost-btn">Узнать цену</a>
</div>
</div>
</body>
</html>
S=1000 M=2000 L=3000