私は自分の最初のサイトを立ち上げており、ここにオンラインで投稿されています: Link to my site
ただし、ご覧のとおり、UL (リスト) またはその他のテキストは、画像と並べて表示されるのではなく、改行されています。同じタグにあるので同じ行にあるはずだと思いましたが、そうではありません。
直し方?
私は自分の最初のサイトを立ち上げており、ここにオンラインで投稿されています: Link to my site
ただし、ご覧のとおり、UL (リスト) またはその他のテキストは、画像と並べて表示されるのではなく、改行されています。同じタグにあるので同じ行にあるはずだと思いましたが、そうではありません。
直し方?
floatCSS プロパティを使用します。これは実際にfloatプロパティの本来の目的です。
例えば:
img#yourImage {
float: left;
}
clearを適用した要素の後の要素でプロパティを使用することを忘れないでくださいfloat。clearまたは、 で作成された「仮想」要素で使用することもできます:after。
更新:このサイトでは、実際に適切な説明と例が提供されています。
このcssをに追加しますul.favourites
display: inline-block;
vertical-align: top;
私は個人的にこれよりも好きfloat:leftです。これが役立つことを願っています!