display: inline-block

Question

Usually im good enough in CSS to build the basics. But I don't understand the following problem...
My goal is to set 2 div container in one line. But it doesnt work like that.

My Code: https://code.sololearn.com/WKXg8aX4bC7g/#css
(In CSS part - last lines)

Answer 1

Also, try adding a float:left;

I tried it, but there are errors about local storage and items looking out of alignment.

If the float works and things look messy, adjust your other css.

Answer 2

Xyenia Thanks for now! I have to try it when I'm home. Cause the window is too small on my phone 😄

The Errors are existing because there are different Permissions in the SoloLearn Preview. That makes Problems for the MathJax Module (Convert Formulas to SVG) At least I think so. Fact is it works on Firefox as Website. I have to optimize it after it works fine 👌

Answer 3

Xyenia Now its perfect thanks! I remember the float option ^^ But at least it was too long ago ^^ Thanks for refreshing my css skills and helping me out with my code :)

Answer 4

Mirielle🐶 I have to check that tommorrow on Firefox. Thanks for now!