Здравствуйте, я недавно решил начать изучать HTML. Для практики я решил сделать сайт. Суть моего вопроса такова. Могу ли я разместить несколько тегов <div> на одной строчке так, чтобы ничего не уезжало на строчку ниже. Мне нужно чтобы каждый из DIVов (я обозначил их layer1, layer2, layer3) не съезжали на другие строчки а были на одной. Я также вложил 1 файл (index.HTML). Если вы мне поможете я буду очень вам благодарен. Заранее спасибо.
Поскольку нельзя добавлять файлы .css через вложения, я оставлю код снизу.


body {
background-color:#F5EEE0;
}
#menu {
text-align: center;
}
#a1 {
text-decoration: none;
font-size: 300%;
font-family: 'Poiret One';
padding: 5px;
}
#a2 {
text-decoration: none;
font-size: 300%;
font-family: 'Poiret One';
padding-right: 45px;
}
#a3 {
text-decoration: none;
font-size: 300%;
font-family: 'Poiret One';
padding-left: 45px;
}
.layer1 {
position: static;
background-color: #D71414;
width: 630px;
height: 790px;
}