アプリ版:「スタンプのみでお礼する」機能のリリースについて

文字の囲みボックスが中央に配置されません。text-align: center;
をCSSのボックスのコードに追加しても、なぜか真ん中に行きません。
どうしたらよいでしょうか?回答よろしくお願いいたします。
付属画像のように真ん中に配置したいです。
コードは下にあります。


◎HTMLのコード

<!DOCTYPE html>

<html>

<head>
<meta content="text/html; charset=utf-8" />

<title>お問い合わせ</title>
<link rel="stylesheet" href="highcoin.css">
<style



</style>
</head>
<body>


<div class="box_css">

<p>次の注意事項を読んでください

</p>
</div>
</body>
</html>

◎◎cssのコード(high coin)


/* 電話の際の注意事項ボックスのデザイン, */
.box_css{
width:100px;
margin: 5em;
border: solid 3px #f83c02;
background-color: rgb(255, 255, 255);
text-align: center;

}

「文字の囲みボックスが中央に配置されません」の質問画像

A 回答 (1件)

margin: 5em;


を、
margin: 5em auto;
で、うまくいくと思います。
    • good
    • 0
この回答へのお礼

ありがとうございました

お礼日時:2021/05/10 18:11

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!