たまにWordPressのオリジナルテーマを作成していて、「右寄せにしたのに画像が回り込まない!」とかありませんか?
私はたまにあります……。特にセンタリング。前に作成したスタイルシートをコピーして作っていたりするのに
どういうことでしょうね。
ということで、自分のためにもWordPressのネイティブなCSSをまとめました。(要は備忘録のために書いておきます)
/* ------------------------------------------------------------------------- * * Base Styles /* ------------------------------------------------------------------------- */ p { display: block; margin: 1em 0; } h1, h2, h3, h4, h5, h6 ,ul,li,img,table,tr,th,td,dl,dt,dd{ font-weight: normal; margin: 0px; padding: 0px; border: none; list-style-type: none; } strong { font-weight: bold; } em { font-style: italic; } blockquote { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 40px; -webkit-margin-end: 40px; } /* base : img /* ------------------------------------ */ .aligncenter { display: block; margin: 0 auto; } .alignright { float: right; } .alignleft { float: left; } img[class*="wp-image-"], img[class*="attachment-"] { max-width: 100%; height: auto; } /* base : clear /* ------------------------------------ */ .clearfix { overflow: hidden; zoom: 1; } .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
と、こんな感じです。
よろしければご参考にされて下さい。