<!DOCTYPE html>
<html>
<head>
<style>
img {
display: block;
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
<h2>画像を中央に配置</h2>
<p>画像を中央に配置するには、左右のマージンをautoに設定し、block要素にします。</p>
<img src="https://img-techis-jp.sgp1.digitaloceanspaces.com/css/paris.jpg" alt="Paris" style="width:40%">
</body>
</html>
