requireで呼び出した際の上下の空白を消したい

前提・実現したいこと

phpでホームページを作っています。
header、footer等を共通化するため、index.phpファイルでrequireを使い呼び出しを行いました。
内容は問題なく表示されたのですが、呼び出した部分の上下に1行ずつ空白ができてしまいます。
検証を使っても空白部分は何もなく、調べて出てきた文字コードのBOM無しでもやってみたのですが消えませんでした。
cssでmargin、padding等の指定はありません。

該当のソースコード

lang
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4	<?php require('common/meta.php'); ?>
5	<title>aaa</title>
6</head>
7<body>
8	<?php require('common/header.php'); ?>
9	<div class="content" style="background: #ccc;">
10		<?php
11			date_default_timezone_set('Asia/Tokyo');
12			echo date("Y年m月d日H時i分s秒");
13		?>
14	</div>
15	<?php require('common/footer.php'); ?>
16
17<style>
18body{padding: 0;margin: 0;}
19
20.content{width: 80%;margin: auto;}
21header{background: #ddd;}
22footer{background: #eee;}
23
24/*nav*/
25.nav-top,.nav-foot{width: 80%;margin: auto;}
26.nav-top ul,.nav-foot ul{display: -webkit-flex;display: flex;list-style: none;}
27.nav-top ul li,.nav-foot ul li{flex-item: -webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;padding: 10px 0;}
28</style>
29
30</body>
31</html>
32

試したこと

文字コードの変更

seastar3

2018/10/20 12:32

headerとfooderに当てているCSSのマージンのせいではないですか。だとしたらそのCSSを直接行間を縮めるように書き換える手があります。

m.ts10806

2018/10/20 12:58

コードはマークダウンのcode機能を利用してください。ベタ貼りだと空白が詰められたりして実際のコードで再現確認できなくなりますので。

papinianus

2018/10/20 13:16

どれのことか分からないです。理想と現状の比較がほしいです

sashimi_suki_

2018/10/20 13:41

頂いた意見をもとにしゅうせいしました。

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

回答2件

自己解決

申し訳ありません。
requireの問題ではなく、その内部のulにかかっていたcssの問題でした。
下記ブラウザ側のcssを見落としていました。

css
1ul, menu, dir {
2    display: block;
3    list-style-type: disc;
4    margin-block-start: 1em;
5    margin-block-end: 1em;
6    margin-inline-start: 0px;
7    margin-inline-end: 0px;
8    padding-inline-start: 40px;
9}