From bc9f5ef47311ac15fc3d5352efcf2bcd8e5604f0 Mon Sep 17 00:00:00 2001
From: TomJGooding <101601846+TomJGooding@users.noreply.github.com>
Date: Wed, 20 Aug 2025 16:57:51 +0100
Subject: [PATCH] docs(how-to): add note about inline padding

Add a note to the 'How To Style Inline Apps' docs about the default
blank line above inline apps and how to remove this padding.
---
 docs/how-to/style-inline-apps.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/docs/how-to/style-inline-apps.md b/docs/how-to/style-inline-apps.md
index a726f048c3..84d5477f4f 100644
--- a/docs/how-to/style-inline-apps.md
+++ b/docs/how-to/style-inline-apps.md
@@ -19,6 +19,11 @@ The following app displays the the current time (and keeps it up to date).
 
 With Textual's default settings, this clock will be displayed in 5 lines; 3 for the digits and 2 for a top and bottom border.
 
+!!! note
+
+    Textual also adds a blank line above inline apps for padding.
+    To remove this default padding, you can set `INLINE_PADDING = 0` on your app class.
+
 You can change the height or the border with CSS and the `:inline` pseudo-selector, which only matches rules in inline mode.
 Let's update this app to remove the default border, and increase the height: