HTMLコードも提示してください。
あと、コードはマークダウンのコードブロック内に入れてください。
```html
ここにHTMLコードを記述
```
```css
ここにCSSコードを記述
```
見出し h1 cssで画像の中央に文字を入れたいのですがうまくいきません
html
1 <div class="lessons"> 2 <div class="lesson-item"> 3 <img class="item" src="https://prog-8.com/images/html/advanced/html.png" 4 > 5 <p>HTML & CSS</p> 6 </div> 7 <p class="text-contents">ウェブページの作成に使用される言語です。HTMLとCSSを組み合わせることで、静的なページを作り上げることができます。 8 </p> 9 10 </div> 11 <div class="lessons"> 12 <div class="lesson-item"> 13 <img class="item" src="https://prog-8.com/images/html/advanced/jQuery.png 14"> 15<p>jQuery</p> 16</div> 17 <p class="text-contents">素敵な動きを手軽に実装できるJavaScriptライブラリです。 アニメーション効果をつけたり、Ajax(エイジャックス)を使って外部ファイルを読み込んだりと色々なことができます。 18</p> 19</div> 20 <div class="lessons"> 21<div class="lesson-item"> 22<img class="item" src="https://prog-8.com/images/html/advanced/ruby.png"> 23<p>javascript</p> 24</div> 25 26 <p class="text-contents">オープンソースの動的なプログラミング言語で、 シンプルさと高い生産性を備えています。大きなWebアプリケーションから小さな日用ツールまで、さまざまなソフトウェアを作ることができます。 27</p> 28</div> 29 <div class="lessons"> 30<div class="lesson-item"> 31<img class="item" src="https://prog-8.com/images/html/advanced/php.png"> 32<p>PHP</p> 33</div> 34 <p class="text-contents">HTMLだけではページの内容を変えることはできません。PHPはHTMLにプログラムを埋め込み、それを可能にします。 35</p> 36 </div> 37 </div> 38 </div> 39 40 41```css 42 .lesson-logo{ 43 height:580px; 44 45 46} 47 48 .lesson { 49 50 color:#5f5d60; 51 text-align:center; 52 margin-top:80px; 53 margin-bottom:50px; 54 font-weight:normal; 55 } 56 57 58 59 .lessons{ 60 float:left; 61 width:25%; 62 63 } 64 .lesson-item{ 65 66 position:relative; 67 } 68 69 .lesson-item p{ 70 position:absolute; 71 72 top: 90px; 73 width: 100%; 74 color: red; 75 opacity:1; 76 77 } 78 79 .text-contents { 80 width: 80%; 81 display: inline-block; 82 margin-top: 15px; 83 font-size: 13px; 84 color: #b3aeb5; 85 text-align:center; 86}
回答1件
あなたの回答
tips
プレビュー