左侧和右侧的HTML框位于中间

Question

嗨，我在下图所示的东西上编写html时遇到麻烦。我尝试过向左浮动

但这些都不适用于左侧和右侧的框。对于中心框，我使用了margin自动左移右移。
效果很好。唯一的问题是，每当我尝试在左侧和右侧使用框时，它都会以一种奇怪的方式出现，并且我无法弄清楚应该怎么做。帮助表示赞赏。

这是我尝试过的代码，您可能已经看到，我是html的新手。

"Webhooks": [
      {
        "Name": "Teams",
        "Uri": "https://outlook.office.com/webhook/...",
        "Payload": "{\r\n  \"@context\": \"http://schema.org/extensions\",\r\n  \"@type\": \"MessageCard\",\r\n \"themeColor\": \"0072C6\",\r\n  \"title\": \"[[LIVENESS]] has failed!\",\r\n  \"text\": \"[[FAILURE]] Click **Learn More** to go to BeatPulseUI Portal\",\r\n  \"potentialAction\": [\r\n    {\r\n      \"@type\": \"OpenUri\",\r\n      \"name\": \"Lear More\",\r\n      \"targets\": [\r\n        { \"os\": \"default\", \"uri\": \"http://localhost:52665/beatpulse-ui\" }\r\n      ]\r\n    }\r\n  ]\r\n}",
        "RestoredPayload": "{\"text\":\"The HealthCheck [[LIVENESS]] is recovered. All is up and running\",\"channel\":\"#general\",\"link_names\": 1,\"username\":\"monkey-bot\",\"icon_emoji\":\":monkey_face\" }"
      }
    ],

Answer 1

使用css向左0和向右0将您的按钮或div左右移动，甚至可以响应