中间对齐h2标记内的内联代码

Question

在此示例中（bootply link）：

<h2>Title <small><code>one line</code></small></h2>

我正在尝试将代码元素与标题对齐。我尝试使用vertical-align: middle作为代码元素（基于此answer），但它没有按照我的意愿行事。有没有办法让代码元素更高？

提前谢谢。

Answer 1

Flexbox的

WebElement table_element = driver.findElement(By.xpath("//table//tbody"));
    ArrayList<WebElement> rows = (ArrayList<WebElement>) table_element.findElements(By.tagName("tr"));
    for (WebElement row : rows) {
        ArrayList<WebElement> cells = (ArrayList<WebElement>) row.findElements(By.tagName("//td"));
        for (WebElement cell : cells) {
            System.out.println(cell.getText());
        }
    }

* {
  box-sizing: border-box;
}
h2 {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
small {
  padding: 0 .25em;
}