コーヒーフロートではなく

in #japanese6 years ago

このようなデザインはいかがですか?
どのようにしているのか気になっていたのですが、CSSの右フロートと左フロートを使って実現できます。

記述形式

  • 画像を右寄せしたい場合
    <div class="pull-right"><img src="画像URL" ></div>

  • 画像を左寄せしたい場合
    <div class="pull-left"><img src="画像URL" ></div>

注意点

マークダウンとHTMLを混合して記述する場合には、記述する範囲を分けます。
HTML記述内にマークダウンを記述するとマークダウンがそのまま表示されてしまいます。

おまけ

Convert Markdown to HTML
https://markdowntohtml.com/
マークダウンををHTML形式に変換してくれるサイトです。

それでは、良い一日をお過ごしください


コーヒーフロート

コーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートフロートコーヒーフロートコーヒーフロートフロート
コーヒーフロートコーヒーフロートフロートコーヒーフロートコーヒーフロートコーヒーフロート

コーヒーフロート

コーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートフロート
コーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロート

コーヒーフロート

コーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロートコーヒーフロート

Sort:  

Do you want me to resteem your blog post to over 32,800 followers and many viewers to get more upvotes? For more info. go here: https://steemit.com/@a-0-0

なるほど!!!そうやるんですね^^
ありがとうございます!!!

まだ検証が必要なのですが、この方法でできました。steemit.comではエラーが発生して投稿できず、busy.orgから投稿しました。

最近マークダウンだけ使っていたので、htmlも使えるのをすっかり忘れていました。
やっぱり投稿後に思いついてしまいますよね。X_X

HTMLは制限されていますが、いくつかは使えるようですよ。

これはまだ使いこなせてないです。
ありがとうございます。

私もまだまだですが、気づいたことを皆さんと、これからも共有したいと思います。

記事ありがとうございました(´ω`)
レイアウトを整えたい時など使えますよね。

私はいつも短編ブログなので今回のレイアウトが必要ないかも知れませんが、皆さんには必要なときがあるかなと思って投稿しました^^

役立つ情報をありがとうございます!今度やってみます(^^)

ぜひ試してみて下さい。

Coin Marketplace

STEEM 0.16
TRX 0.15
JST 0.029
BTC 56554.08
ETH 2343.73
USDT 1.00
SBD 2.41