em要素にマージンを指定した場合、インライン要素で文字の左右に1em空白があります。
マージンを適用できるのは、すべての要素です。 当然インライン要素にも指定できます。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>インライン要素にマージンを指定</title>
<style type="text/css">
<!--
em { margin-left: 1em; margin-right: 1em; }
-->
</style>
</head>
<body>
<P><FONT size="+1" color="#ff0000">em要素にマージンを指定した場合、インライン要素で文字の左右に1em空白があります。</FONT></P>
<p>マージンを適用できるのは、<em>すべての要素</em>です。
当然<em>インライン要素</em>にも指定できます。</p>
<P></P>
</body>
</html>