こんばんは。
タイトルの通りです。
今回の指令は
![](https://i0.wp.com/radiologistwork.com/wp-content/uploads/2020/06/1-3.png?resize=509%2C433&ssl=1)
このようなものでした。なかなか難しそう。
そしてhtmlにまずお問い合わせという文字を作成したのです。
![](https://i0.wp.com/radiologistwork.com/wp-content/uploads/2020/06/2-3.png?resize=371%2C103&ssl=1)
そうすると、なんと
![](https://i0.wp.com/radiologistwork.com/wp-content/uploads/2020/06/3-3.png?resize=935%2C391&ssl=1)
みなさん、先ほど作成したお問い合わせという文字探せますか??下ではなく右側に出てくるのです!!
なぜ。
とりあえず、仕様書通りpaddingを入れてみようと思いました。
![](https://i0.wp.com/radiologistwork.com/wp-content/uploads/2020/06/4-4.png?fit=1024%2C478&ssl=1)
ちゃんと下には出てきましたが、なぜか真ん中にいるのです。padding-leftをいじると60まで右側に、70以上が下に出てくるということが検証によってわかりました。
いろいろ試してみた感じ、imageクラスのfloat:left;が悪さしている気がします
しかし、直し方もわかりません。。
また昨日作成したものを1から作るべきなのか・・・・
誰かわかる方いましたら、助けてください(´;ω;`)ウッ…
DM待ってます。
@akr0430
コメント
[…] […]