CSS絶対配置が機能しない

Question

私はいくつかの基本的なHTMLとCSSを学習しており、絶対配置を達成しようとしています。しかし、正しいコマンドを使用したとは思えますが、私のテキストはその位置を変えていません。ここに私のコードです。

.content { 
 
width:1200px; 
 
margin: 0 auto 0 auto; 
 

 
} 
 

 
.post { 
 
width:75%; 
 
float: left; 
 
padding-left: 30px; 
 
padding-right: 30px; 
 
padding-top: 30px; 
 
border-right: solid black; 
 
border-bottom: solid black; 
 
position:relative; 
 

 
} 
 

 
.date { 
 
position: absolute; 
 
top = 10px; 
 
right: = 0px; 
 

 
}

<div class = "content"> 
 
     <div class = "post"> 
 
      <h1> Hi </h1> 
 
      <p class = "date">15 April 2025</p> 
 
</div> 
 
</div>

これは解決策を見つけるために私のコードの十分な量ではない場合、あなたは、単にコメントを残した場合には、高く評価されるだろうと私は詳細を提供します。

Answer 1

.dateセレクタに構文上の問題があります。する必要があります：

.date { 
    position: absolute; 
    top: 10px; 
    right: 0px; 
}