fork download
copy 
  1. <!DOCTYPE html>
  2. <html lang="ja">
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.   <meta name="viewport" content="width=device-width">
  7.   <title>Document</title>
  8.   <style>
  9.     .container>#two-pic {
  10.       display: flex;
  11.       justify-content: space-between;
  12.       background: #000;
  13.       /*background: #00000;はゼロが5個しか無い、6個か3個にする*/
  14.       flex-wrap: wrap;
  15.     }
  16.  
  17.     .column {
  18.       width: 100%;
  19.     }
  20.  
  21.     @media (min-width: 1024px) {
  22.       .column {
  23.         width: 50%;
  24.       }
  25.     }
  26.  
  27.     #two-pic img {
  28.       width: 100%;
  29.       display: block;
  30.     }
  31.  
  32.   </style>
  33. </head>
  34. <body>
  35.   <div class="container">
  36.     <div id="two-pic">
  37.       <!-- この程度ならdiv「left-pic、right-pic」はムダ -->
  38.       <!-- div「left-pic、right-pic」を削除する場合は記述の変更が必用 -->
  39.       <div id="left-pic" class="column">
  40.         <!-- 「alt==」イコールが2つではダメ -->
  41.         <img src="1.jpg" alt="宝石珊瑚">
  42.       </div>
  43.       <div id="right-pic" class="column">
  44.         <!-- 「alt==」イコールが2つではダメ -->
  45.         <!-- 「”」全角はダメ -->
  46.         <img src="2.jpg" alt="宝石珊瑚">
  47.       </div>
  48.     </div>
  49.   </div>
  50.   <!-- </div>が2つ多い -->
  51. </body>
  52. </html>
  53.  
Not running #stdin #stdout 0s 0KB
comments (?)
stdin
copy 
Standard input is empty
stdout
copy 
Standard output is empty
https://ideone.com/AqZ7bG
language:
Text (text 6.10)
created:
4 years ago
visibility:
secret

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!