html - div 親 div の中心幅、高さ 0px

Question

他の親 div に div 要素を含む 1 つの html ファイルを作成しました

<div class="note-idea" >
    <div class="idea-content"></div>
    <div class="idea-circle"></div>
    <div class="idea-child"></div>
</div>

およびcssファイル

.note-idea {
    position: relative;
    display: inline-block;
    text-align: center;
}
.idea-content{
    background-color: red;
    width: 200px;
    height: 100px;
    position: relative;
}

css を使用してアイデア コンテンツを中央に配置し、ノート アイデアの幅を 1px、高さ 1px にしたい。しかし、それは間違っています