Перемещение кнопок по HTML

Question

Я пытаюсь сделать проект, в который я помещаю кнопки с именем состояний над состоянием на карте, и вы нажимаете кнопку, чтобы получить капитал государства. Мой код для кнопки Калифорнии является:

< форма действия = "http://www.cityofsacramento.org/">

< тип ввода = "Отправить" значение = "Калифорния" />

</form>

, но я понятия не имею, как переместить кнопку, чтобы добраться до Калифорнии :(она находится в левом нижнем углу экрана. Я использую Mozilla Thimble, чтобы сделать сайт, если это поможет ?

Answer 1

То, что вы собираетесь хотите сделать, это создать файл CSS и назначить идентификатор для каждой кнопки:

<button type="button" id = "California"><a href="http://www.cityofsacramento.org/">Sacremento</a></button> 

В файле CSS вы можете сделать что-то вроде этого:

.California { 
    width: 300px; 
    height:300px; 
    left-margin:[make it fit]; 
    right-margin:[make it fit]; 
    top-margin:[make it fit]; 
    bottom-margin:[make it fit]; 
} 

вы можете затем скорректируйте значения [сделайте это соответствие] в любых размерах земли в Калифорнии. Это очень элементарное решение - есть более сложные способы, но я предполагаю, что вы новичок в веб-разработке.