ボタンを水平に中央に配置するには、「<center> </center>」を使用できます。
`` html
<！doctype html>
<html>
<head>
</head>
<body>
<center>
<button type = 'button' style = "box-shadow：3px 2px"> 1）影付きの私のボタン</button>
<br> <br>

<button type = 'button' style = "box-shadow：3px 2px 3px"> 2）ぼやけた影のある私のボタン</button>
<br> <br>

<ボタンタイプ= 'button' style = "box-shadow：3px 2px 3px purple"> 3）ぼやけた紫色の影</button>
<br> <br>

<button type = 'button' style = "text-shadow：3px 2px 3px purple"> 4）テキストにぼやけた紫色の影が付いた私のボタン</button>
<br> <br>
</center>
</body>
</html>
`` `
To center your buttons horizontally, you can use `<center></center>`: 
```html
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<center>
<button type='button' style="box-shadow:3px 2px">1) My button with a shadow</button>
<br><br>

<button type='button' style="box-shadow:3px 2px 3px">2) My button with a blurry shadow</button>
<br><br>

<button type='button' style="box-shadow:3px 2px 3px purple">3) My button with a blurry purple shadow</button>
<br><br>

<button type='button' style="text-shadow:3px 2px 3px purple">4) My button with a blurry purple shadow on its text</button>
<br><br>
</center>
</body>
</html>
```