fork download
copy 
  1. your text goes here<!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. 	<style>
  5.  
  6. 		.wrapper{
  7. 			display: flex;
  8. 			flex-wrap: wrap;
  9. 		}
  10. 		.emp_image{
  11. 			border: 4px solid #ff0000;
  12. 			overflow: hidden;
  13. 			flex:3;
  14. 		}
  15. 		.emp_image img{
  16. 			width: 100%;
  17. 			height: 240px;
  18. 			object-fit: cover;
  19.  
  20. 		}
  21. 		.second{
  22. 			border:3px solid black;
  23. 			flex: 3;
  24. 		}
  25.  
  26. 	</style>
  27. </head>
  28. <body>
  29.  
  30.  
  31.  
  32. <img src="img/_cat_hangover_red_cute_51.jpg">
  33.  
  34. <div class="wrapper">
  35. 	<div class="emp_image">
  36. 		<img src="img/_cat_hangover_red_cute_51.jpg">
  37. 	</div>
  38. 	<div class="second">
  39. 		記事タイトル
  40. 	</div>
  41. </div>
  42.  
  43. <div class="wrapper">
  44. 	<div class="emp_image">
  45. 		<img src="img/face_female_employee_in.jpg">
  46. 	</div>
  47. 	<div class="second">
  48. 		記事タイトル
  49. 	</div>
  50. </div>
  51. </body>
  52. </html>
Not running #stdin #stdout 0s 0KB
comments (?)
stdin
copy 
Standard input is empty
stdout
copy 
Standard output is empty
https://ideone.com/W62DMT
language:
Text (text 6.10)
created:
2 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!