floatレイアウト

テキストの上に画像を配置します。通常はこのように、画像のしたにテキストが入ります。

吾輩は猫である

どこで生れたか頓と見当がつかぬ。何でも薄暗いじめじめした所でワンワン泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。

しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。掌の上で少し落ち付いて書生の顔を見たのがいわゆる人間というものの見始であろう。この時妙なものだと思った感じが今でも残っている。第一毛を以て装飾されべきはずの顔がつるつるしてまるで薬缶だ。

どこで生れたか頓と見当がつかぬ。何でも薄暗いじめじめした所でワンワン泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。

float:right
クラスセレクタを用意し、画像に充てる事で、画像が右へ回り込む形になります。<img src="images/dog.jpg" alt="ネコ" class="float_R"

吾輩は猫である

どこで生れたか頓と見当がつかぬ。何でも薄暗いじめじめした所でワンワン泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。

しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。掌の上で少し落ち付いて書生の顔を見たのがいわゆる人間というものの見始であろう。この時妙なものだと思った感じが今でも残っている。第一毛を以て装飾されべきはずの顔がつるつるしてまるで薬缶だ。

どこで生れたか頓と見当がつかぬ。何でも薄暗いじめじめした所でワンワン泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。

float:left
クラスセレクタを用意し、画像に充てることで、画像が左へ回り込む形になります。<img src="images/dog.jpg" alt= "犬" class="float_L"

吾輩は犬である

どこで生れたか頓と見当がつかぬ。何でも薄暗いじめじめした所でワンワン泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。

しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。掌の上で少し落ち付いて書生の顔を見たのがいわゆる人間というものの見始であろう。この時妙なものだと思った感じが今でも残っている。第一毛を以て装飾されべきはずの顔がつるつるしてまるで薬缶だ。

どこで生れたか頓と見当がつかぬ。何でも薄暗いじめじめした所でワンワン泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。

段落ｐに充てても良い。
<p class="float_R"><imag src"images/cat.jpg" alt="ネコ"></p>

応用問題です