インラインコード前後のスペースを削除

Author: nakaterm

docs/2-browser-apps/05-css-layout/index.mdx

@@ -300,7 +300,7 @@ HTML要素は、それらが表示される際のデフォルトの振る舞い
 
 <ViewSource url={import.meta.url} path="_samples/flexbox" />
 
-これまでは、カードどうしの間隔を空けるために各カードに `margin: 8px;` を指定していました。しかし、フレックスボックスを使う場合は、この目的により適した `gap` プロパティを利用できます。
+これまでは、カードどうしの間隔を空けるために各カードに`margin: 8px;`を指定していました。しかし、フレックスボックスを使う場合は、この目的により適した`gap`プロパティを利用できます。
 `gap` プロパティは、子要素であるカード側ではなく、親要素のコンテナ側で設定します。このプロパティを使うと、要素と要素の間にのみ間隔が作られ、端の要素の外側には余白がつきません。
 
 次の例では、カードの`margin`を削除し、親要素に`gap`を指定しています。
@@ -327,13 +327,13 @@ HTML要素は、それらが表示される際のデフォルトの振る舞い
 
 <ViewSource url={import.meta.url} path="_samples/flexbox-gap" />
 
-### `flex-direction` プロパティ
+###`flex-direction`プロパティ
 
 フレックスボックスによるレイアウトの方向を変更するには、`flex-direction`プロパティを使用します。`row`とすれば水平に、`column`とすれば垂直にレイアウトされます。
 
 先ほど、`display: flex;`を指定しただけでカードが横並びになったのは、このプロパティのデフォルト値が`row`であるためです。
 
-実際に `flex-direction: column;` をコンテナに指定すると、カードが縦に並ぶことが確認できます。
+実際に`flex-direction: column;`をコンテナに指定すると、カードが縦に並ぶことが確認できます。
 
 ![親要素にflex-direction: column;を設定したカード](./flex-column-cards.png)
 
@@ -449,7 +449,7 @@ HTML要素は、それらが表示される際のデフォルトの振る舞い
 
 縦並びになった場合も、カードが左右中央に表示されるようにしましょう。
 
-この際は、`flex-direction` プロパティの値が `column` となり垂直方向にレイアウトされているため、水平方向のレイアウトを制御するためには `justify-content` プロパティではなく `align-items` プロパティを使用する必要があります。
+この際は、`flex-direction` プロパティの値が`column`となり垂直方向にレイアウトされているため、水平方向のレイアウトを制御するためには`justify-content`プロパティではなく`align-items`プロパティを使用する必要があります。
 
 次の例では、`align-items: center;`を指定することで、カードを水平方向の中央に配置しています。