改变<div></div>内联块不起作用（包括 repl.it）

Question

I can´t seem to be able to change the div element to an inline block. I really need help with this. Here is my repl.it: https://repl.it/repls/AwareContentTechnician

Answer 1

In the example you posted there are no elements with the class "crackerImage", if you want the div to be inline-block you have to add class="crackerImage" to the divs you want to be inline-block.

And by the way you should never ever use the same id for more than one element in the html for a lot of reason like google will poorly rank you site, the browser will complain and so on...

this is an example

<div class="crackerImage">
    <img data-id="cracker" src="...">

And also be careful to put the = when you add attributes in html, as you can see they are missing for the onclick attributes of the buttons