Свойство css3 column-count

Question

У меня есть следующий короткий код CSS

 div#mydiv{
  border-style: none; 
  margin-bottom: 1em;
  background-color: #F6F6F6;
  color: #000;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: justify;
  column-width: 15em;
  column-gap: 2em;
  column-count:2;
  -moz-column-width: 15em;
  -moz-column-gap: 2em;
  -moz-column-count:2;
  -webkit-column-count:2;
  -webkit-column-width: 15em;
  -webkit-column-gap: 2em;   
  box-shadow: #ccc 0 0 15px;
  }

Теперь в Firefox это прекрасно работает и показывает 2 столбца текста. В Opera это работает, но это супер странно, вместо того, чтобы показывать 2 столбца текста, он показывает 3 столбца!

так что firefox

бла бла
бла бла
бла бла
бла бла
бла бла

опера

бла бла бла
бла бла бла
бла бла бла

исследователь

blablablablablablabla

Я хотел бы знать, что не так с оперой, и если есть способ, чтобы проводник отображал текст в столбцах.

благодарю вас

Answer 1

Есть ли причина для css3? Если нет, вы можете сделать это просто с помощью css:

#container {
    width:800px;
}

#left {
    float:left;
    width:400px;
}
#right {
    float:right;
    width:400px;
}

А также

Html:

<div id="container">
<div id="left">..</div>
<div id="right">..</div>
</div>

Код может быть не совсем правильным, просто чтобы дать вам пример.