画像が横並びにならない

Question

 <div class="nekowrap">

            <div class="nekoneko">
                <div class="nekonaka">
                <div class="neko2"><img src="cat-4.png">
                 <p>We are cute.There is no doubt about this.</p>
                 <p>Nobody can’t object to this fact.</p>
                </div>
                <div class="neko3"><img src="cat-5.png">
                 <p>We are cute.There is no doubt about this.</p>
                 <p>Nobody can’t object to this fact.</p>
                 </div>
                 </div>
            </div>
            <div class="more">
                <img src="more3.png">
            </div>
            </div>
            </div>


.nekoneko {
    display:flex;
    margin-top:50px;
}
.nekoneko {
    display:flex;
    margin-top:50px;
}

```こうすることで、neko2,neko3クラスが横並びになると思ったのですが、結果は、縦並びです。
どうすれば、横並びになりますでしょうか。

Comments

[m.ts10806]

前の質問の「解決済み」を「受付中」に戻し質問を編集し、
こちらの質問は削除依頼を出してください

[m.ts10806]

それにこのコードコピペでは再現できません。
ファイル違うならコードブロックを分けてください。
CSSも全て提示必要です。

Answer 1

CSSの部分に同じCSSが二回書かれているようです。
以下に修正すれば横並びになります。

.nekonaka {
    display:flex;
    margin-top:50px;
}

あと以前の質問は削除リクエストなどをした方が良いかもです。

Answer 2

.nekonekoを.nekonakaに変更すれば横並びになります。
flexは横並びにしたい要素の親要素に設定します。

.nekonaka {
    display:flex;
    margin-top:50px;
}