如何在段落中间对齐 link？

Question

我一直在努力添加带有文本 'here' 的 link 以与整个段落内联。基本上我想做的是

'Gibberish here detailing the required steps.'

如何才能将所有内容都放在一行中？我试过这样做，但它给了我屏幕截图中附加的结果。

          <Flex direction="column" gap="s">
          GIBBERISHH{" "}
          <Anchor
            href=""
            trackingId=""
            label="Read the Walkthrough"
          />
          detailing the required steps.
        </Flex>

编辑：还尝试将 Flex 方向更改为一行，但我得到的结果也不是我需要的。任何建议都会很棒！

Answer 1

如果是段落，为什么不用“p”标签：

    <p>
          GIBBERISHH{" "}
          <Anchor
            href=""
            trackingId=""
            label="Read the Walkthrough"
          />
          detailing the required steps.
    </p>

如何在段落中间对齐 link？

How to align a link in the middle of a paragraph?

javascript

css

user-interface

reactjs

styled-components