PHPの表示について

こんばんわ。PHPの勉強中でMAMPを使用しているのですが動作がおかしいです。

PHP
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4<meta charset="UTF-8">
5<title></title>
6</head>
7<body>
8<?php
9  print"■カードを画像に表示します";
10  print'<hr>';
11  echo'<img src="45128578-火かき棒のトランプ-2-スペード.jpg" width="150" height="200">';
12  print'<img src="45128553-火かき棒のトランプ-10-心.jpg" width="150" height="200">';
13?>
14</body>
15</html>
16

コード自体におかしなところはないはずなのですが、下記の画像のようにラインが上にきてしまいます。
何かの不具合なのでしょうか。
分かる方がおりましたらご回答のほどよろしくお願い致します。

kai0310

2020/07/03 17:34

スタイルシート等はありませんか？

m.ts10806

2020/07/03 21:30

「おかしいかどうか」はどういう設計でこのコードを書いているか知っているのは今のところ質問者さんだけなので、我々他者には言及できませんが、このコードをそのまま出力すると下記のような順番に出るはずが、 ----- テキスト hrライン画像 ----- 提示された画面表示は ----- hrライン画像テキスト ----- となっています。これは想定通りの出力なのでしょうか。 CSSも何もなしにこのようには出ないはずですが。

退会済みユーザー

2020/07/04 00:22

画像ファイルの置き場所が正しいかどうか、念のためにファイル名から日本語要素を排除して半角英数字記号のみにしてみる、など思考停止しているヒマはないはずですよ。

takashiogino

2020/07/05 05:41

みなさまご回答ありがとうございます。申し訳ございません。色々と質問内容に足りていない部分がありました。出力としては、 ----- テキスト hrライン画像 ----- で表示をさせたいのですが、画像のように表示されてしまうので、困っているといった質問になります。また、CSSなどは使ってはいません。よろしくお願いします。

行動規範の内容に同意します

回答1件

php
1<?php
2  echo'<img src="45128578-火かき棒のトランプ-2-スペード.jpg" width="150" height="200">';
3  print'<img src="45128553-火かき棒のトランプ-10-心.jpg" width="150" height="200">';  
4  print'<hr>';
5  print"■カードを画像に表示します";
6?>