FOX CSSを使ってみる

THIS IS SAMPLE!!

Item width:1/4 and v-align:Center

近所の漁港

ここには長めのテキストを入れます。ここには長めのテキストを入れます。ここには長めのテキストを入れます。ここには長めのテキストを入れます。

日本海の夕日

無理矢理ボックスを天地のセンターにしたので変ですが。。。

Item Between and width:1/3

朝靄の山々
海での夕焼け
山際の空

Item Center

晴れた雪の日

このボックスでは「文章」40%、「画像」30%を、センターにして配置しています。

Item Revers and Center

雪の日の空

このボックスはHTML的には上のコンテンツ同様、「文章」+「画像」になっていますが「.fx-row-reverse-」を指定し、逆順にしています。
HTMLの可読性が大きくあがりますね。