## 事象 [[marked-react]]を使って以下のようなコードを書く。 ```html <Markdown gfm breaks> {text} </Markdown> ``` 該当のコンポーネント周辺に余白ができてしまう。 ## 原因 デフォルトだとinlineではないコンテンツと見なされるため、pタグが付与されて設定されたmarginの余白ができるから。 ## 解決方法 `isInline`フラグを設定する。 ```html <Markdown gfm breaks isInline> {text} </Markdown> ``` これで生成された[[DOM]]にはpタグが含まれなくなるため、marginができることはない。 ## 参考 - https://github.com/sibiraj-s/marked-react#component-props