divボックスのリストを作成しようとしています

Question

divボックスのリストを作成しようとしていますが、2番目の画像はコンテナの左側に並んでいません。

2つのdivの間にスペースを追加して、ニュース記事の間に境界線を作成したいとします。あなたがこの作品を作る方法を知っているなら、コメントを残してください。 このページは単純に何もしません。それはまったくスタイルコマンドを受け入れません。

これは唯一の作業スタイルのコードなので、他のスタイルコードは含まれませんでした。正直言って私はwrap2スタイルを削除して何も変わらないでしょう。

img.wrap { 
 
    float: left; 
 
    border: 1px solid black; 
 
    margin: 10px 10px 20px; 
 
} 
 
img.wrap2 { 
 
    float: left; 
 
    border: 1px solid black; 
 
    margin: 10px; 
 
}

<div id="invisiblebox"> 
 
    <div id="nvidiablog1"> 
 
    <a href="https://blogs.nvidia.com/blog/2016/11/26/virtual-reality-flight-simluation/"> 
 
     <img src="images/virtual.jpg" class="wrap" height="100" width="100"> 
 
    </a> 
 
    <p>According to a recent article posted by NVIDIA, Mass Virtual has been a long standing partner of the United States Navy. Mass Virtual's specialty is to provide the Navy with virtual reality training simulators, and boy did they deliver. Mass Virtual's 
 
     newest training simulator which, to quote the article written by John Chaney <i>"is beyond visual range"</i>. To read more about this article please click the image to be redirected.</p> 
 
    </div> 
 
    <div id="nvidiablog2"> 
 
    <a href="https://blogs.nvidia.com/blog/2016/11/28/titan-supercomputer-ethanol/"> 
 
     <img src="images/titan.jpg" class="wrap2" height="100" width="100"> 
 
    </a> 
 
    <p></p> 
 
    </div> 
 
</div>

Answer 1

.container {表示：フレックス;}その任意styleingを "受け入れて" いない場合

をフロート