Q&A
画像で提示されてもこちらで再現確認できません。
先頭に空白が出来ます。
左揃えにしたいのですが、何を書いても最初だけ空白が出来てしまうので修正したいです。
コードも貼っておきます。
HTML・PHP
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> 6 <!-- Bootstrap --> 7 <link rel="stylesheet" href="style.css"> 8 9 <title>よくわかるPHPの教科書</title> 10</head> 11<body> 12 <header> 13 <h1 class="font-weight-normal">よくわかるPHPの教科書</h1> 14 </header> 15 16 <main> 17 <h2>Practice</h2> 18 <!-- PHPの記述を以下に書く 19 1日18ページ終わらせれば6月中に終了する --> 20 <pre> 21 <?php 22 $fruits = [ 23 'apple' => 'りんご', 24 'grape' => 'ぶどう', 25 'lemon' => 'レモン', 26 'tomato' => 'トマト', 27 'peach' => 'もも', 28 ]; 29 30 foreach ($fruits as $english => $japanese) { 31 print ($english . ':' . $japanese . "\n"); 32 } 33 34 ?> 35 </pre> 36 </main> 37</body> 38</html>
実際のコードをコピーしておきました。
コードやエラーはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/questions/238564
ただ、ブラウザに出力されたHTMLを確認すれば明白に思います。
コードのマークダウン対応だけは覚えてください。
でないと「再現できるコード」にならないので、回答者も困ります。
解決後でも質問は編集できます。
畏まりました
回答2件
ベストアンサー
0
<pre>と<?phpの間に改行も入れず連結して表示させたら解消しました！
投稿2020/05/17 08:21
総合スコア7
あなたの回答
tips
プレビュー
