こんにちは、行の写真と列の間にスペースを追加しようとしています。これが私のコードです。正しい方向に向けていただければ幸いです
<!DOCTYPE>
<html>
<head>
<style type="text/css">
body
{
background-color:#abe9ff;
}
.container {
width: 950px; /* look i'm now showing 4 images per line */
margin-left: 10px;
margin-right: 10px;
}
.img {
/* height: 234px; width: 218px; */
float: left;
margin-top: 10px;
margin-left: 30px;
margin-right: 10px;
}
</style>
<body>
<div class="container">
<div img src="interpret_1.png" alt="Interpret1" width="218" height="234" href="boywonder.htm">
<img src="interpret_1.png" alt="Interpret1" width="218" height="234" href="boywonder.htm">
<img src="interpret_1.png" alt="Interpret1" width="218" height="234" href="boywonder.htm">
<img src="interpret_1.png" alt="Interpret1" width="218" height="234" href="boywonder.htm">
<img src="interpret_1.png" alt="Interpret1" width="218" height="234" href="boywonder.htm">
</body>
</html>