Почему столы вывелись в одном блоке?

0

Всем привет.

11 задание moderm javascript. Все повторил пошагово. Но, столы все почему-то вывелись в одном блоке. Такое впечатление, что код игнорирует 'span'. Возможно, что-то упустил со внимания или допустил ошибку.

Подскажите, пожалуйста, в чем причина?

код

<h1>Restaurant manager<h1>
		<div id="tables"></div>
		<div id="results"></div>


<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

<script type = "text/babel">

  var tables = document.getElementById('tables');

  for (var i = 1; i <=6; i++) {
  var item = document.createElement('span');
  item.appendChild(document.createTextNode('Table ' + i));
  tables.appendChild(item);
}

</script> 

 стили

#tables {
	background-color: orange;
	color: gray;
	margin: 3%;
	padding: 2%;
	width: 7%;
	border-radius: 10%;
	border-style: ridge;
}

СПАСИБО!

modern javascript

3 ответов

0

На форуме подсказали мне, что причина в стилях. Посоветовали добавить

#tables span{display:block;}

но, все же, результат не достигнут.

Далее ищу решения в стилях. 

0

Спасибо, student_F3tCJLdd!

Сейчас разберусь чего же не хватило в стилях. 

1

В самом задании в ряд выстраиваются столы, там есть и стили адаптивные:

https://fructcode.com/ru/courses/modern-javascript/what-is-let-keyword-part-2-interactive/

Sign up or Log in to write an answer