タイトルは次のように書き換えられました: リスト項目を上のテキストと揃えるにはどうすればよいですか?

Question

無効な HTML を使用すると、希望する外観を得ることができますが、有効な HTML を使用しません。 <FIGURE> または <FIGCAPTION> を構成して <SPAN> の効果をシミュレートできる CSS はありますか?

外観を左側に、有効な HTML を右側にしたいと思います。

無効なHTML:

リーリー リーリー

有効なHTML:

リーリー リーリー

Answer 1

開発ツールを使用してユーザー エージェントの値を確認する必要があります

たとえば、TD の下の最初の要素は ul または Figure です。 Chrome の標準は次のとおりです:

リーリー

したがって、ul レイアウトで Figure を維持したい場合は、スタイルに Figure を追加し、レイアウトを壊す属性をオーバーライドして、必要な属性を追加します。

Answer 2

いくつかのスタイルを追加してデフォルトのスタイルをリセットするだけです。

リーリー リーリー