斜体、太字、またはハイパーリンク要素をテキストに追加した後のWordpressでは、テキストは通常のテキストのベースラインからオフセットされます。私はEleganticaテーマを使用しています。これに対する解決策はありますか?
私のサイト:http ://www.lfvaa-sample.com/
この問題の例は、ハイパーリンクされたテキスト「詳細」が表示された下部のホームページと、斜体のテキストが表示されたリソースの下のLinkedFlowページにあります。
斜体、太字、またはハイパーリンク要素をテキストに追加した後のWordpressでは、テキストは通常のテキストのベースラインからオフセットされます。私はEleganticaテーマを使用しています。これに対する解決策はありますか?
私のサイト:http ://www.lfvaa-sample.com/
この問題の例は、ハイパーリンクされたテキスト「詳細」が表示された下部のホームページと、斜体のテキストが表示されたリソースの下のLinkedFlowページにあります。
下部にある「詳細」リンクの場合、犯人は次のように見えます
vertical-align: middle;
あなたのstyle.cssで
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
background: none repeat scroll 0 0 transparent;
border: 0 none;
font-family: Helvetica,Arial,sans-serif;
font-size: 100%;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: middle;
}
ファイアバグでそのルールをオフにすると、テキストが正しく整列することがわかります。他のページの斜体でテストされ、同じルールがそのテキストにも影響を与えています。