html - 要素を 1 行に配置する

Question

モバイルで div をインラインで表示する際に問題があります。したがって、コードは PC では正常に動作しますが、モバイルで Web サイトにアクセスすると、div が正しく表示されません。

画像 div は、テキストを含む div の上にあります (インラインである必要があります)。画像の幅をちょうど 5px に変更しても、この小さな画像は真横ではなく上にあるため、これは幅の場合ではありません。

例: http://www.filmypodobnedo.pl/matrix/

すべては、選択されたもの (例のマトリックス) に類似した映画のリスト、リストされた映画 (IMAGE + TEXT はインラインで表示され、PC では機能しますが、モバイルでは機能しません) に関するものです。

HTML:

<div class="podobny_film">
<div id="zdjecie_podobne">
<img class="featured-project-image" width="100" height="150" alt="Filmy podobne do Equilibrium" src="http://www.filmypodobnedo.pl/photos/Equilibrium.jpg">
</div>
<div id="tekst_podobne">
</div>

CSS:

.podobny_film {
float: left;
width: 80%;
color: #555555;
border-style: dashed;
border-width: 1px;
border-color: black;
padding: 10px;
}
#zdjecie_podobne {     
width: 120px;
float: left;
}
#tekst_podobne {
width: 75%;
float: left;
font-size: 16px;
} 

Answer 1

これはうまくいくはずです:):

  #zdjecie_podobne {     
    width: 120px;
    float: left;
    display:inline-block;
    }
    #tekst_podobne {
    width: 75%;
    float: left;
    font-size: 16px;
    display:inline-block;
    } 

Answer 2

に追加display:inline-blockし#zdjecie_podobneて#tekst_podobne