css align

sandbox/align.css

@@ -0,0 +1,19 @@
+
+Screen {
+    layout: horizontal;
+    
+}
+
+Widget#thing {
+    width: 20;
+    height: 10;
+    align: center middle;
+}
+
+
+Widget#thing2 {
+    width: 30;
+    height: 8;
+    align: center middle;
+    background: green;
+}

sandbox/align.py

@@ -0,0 +1,17 @@
+from textual.app import App
+from textual.widget import Widget
+
+
+class AlignApp(App):
+    def on_load(self):
+        self.bind("t", "log_tree")
+
+    def on_mount(self) -> None:
+        self.log("MOUNTED")
+        self.mount(thing=Widget(), thing2=Widget())
+
+    def action_log_tree(self):
+        self.log(self.screen.tree)
+
+
+AlignApp.run(css_file="align.css", log="textual.log", watch_css=True)