フロート

4802 ワード


書類
  <div class="rightheader">
    <h1>Art </h1>
    <p>The Right to Excercise and Party</p>
  </div>

  <p> This is a chapter i was suppose to start didn't know I was suppose to start a chapter but, here it is.</p>

  <p> The first sentence of a paragraph is ready now. And it is not long.</p>

  <p> I am adding a picture to this chapter.</p>
  <section class="group">
    <blockqoute><img src="https://tiffxdan.com/wp-content/uploads/2021/05/6-pack-abs-starter-series-768x432.jpg" alt="Workout" width="350px" class="floatright">this is an image of a guy working out.<article>this is for the pictue</article>
    </blockqoute>
  </section>

  <p> I love working out </p>
  <p> its great for building endurance and strength. Working out fives times a week is a great way to bulid endurance and strength.</p>

  <aside>
    <blockqoute>
      <aside>
        <p> "Working out is a fun way to stay in shape there are different tyoes of workouts, you have HITT and light cardio, strength traiing, and anything that involves movemnet".<cite> 'Working out as a group or with a friend can also help maintain accountability and motivate you to keep up your exercise routine.HealthWepMagazine'</cite></p>
      </aside>
    </blockqoute>
  </aside>

  <p> I've been working out for 10 years and have had a lot of ups downs. It started with running four days a week and eating low-calorie meals, it was not a bad thing low-calorie based on my expeiernce have less fat and more carbs. Carbs are not my strong suit.So I stop eating all things bread and pasta. And is not the point of this blog, another p tag</p>

  <p>I've been working out for 10 years and have had a lot of ups downs. It started with running four days a week and eating low-calorie meals, it was not a bad thing low-calorie based on my expeiernce have less fat and more carbs. Carbs are not my strong suit.So I stop eating all things bread and pasta. And is not the point of this blog, another p tag</p>
  <img src="https://tse4.mm.bing.net/th?id=OIP.q8KE49WZOAeRGWQQ5DbYLAHaE8&pid=Api&P=0&w=244&h=164" class="floatleft">

  <p>I've been working out for 10 years and have had a lot of ups downs. It started with running four days a week and eating low-calorie meals, it was not a bad thing low-calorie based on my expeiernce have less fat and more carbs. Carbs are not my strong suit.So I stop eating all things bread and pasta. And is not the point of this blog, another p tag</p>

  <footer>
    <p>Legal disclaimer, copyright,etc</p>
    <ul>
      <li><a href="#"><img src="https://image.flaticon.com/icons/png/512/1384/1384060.png" width="30px" alt="Soial Media 1"></a></li>
      <li><a href="https://www.instagram.com/quiettsmith"><img src="https://image.flaticon.com/icons/png/512/2111/2111463.png" width="30px" alt="Soial Media 2"></a></li>
      <li><a href="#"><img src="https://image.flaticon.com/icons/png/512/3677/3677264.png
"幅= "30 px "ALT ="SOIAL Media 3 "
  • CSS//
    cbody {
    フォント家族:アルアル、Helvetica、サンセリフ;
    色:角

    ラッパー
    ボーダー;
    色:角

    ヘッダ{

    nav {
    ボーダーボトム:1 pxソリッド
    ボーダートップ:1 pxソリッド
    マージン底:0.3レム;

    ナブウル
    リストの種類
    パディング: 0
    マージン: 0

    ナビリー
    表示:インラインブロック;

    航法A
    テキストの装飾:なし
    色:角73352 e
    表示:ブロック;
    パディング:0.5レム1レム;

    レフテーダー{
    フレックスベース:40 %
    テキストの整列
    パッド詰め権利:0.5レム;

    を返します.
    フレックスベース:60 %
    マージントップ:3.75レム
    パッドを左:0.5レム;

    を返します.
    色:△8 B 9 E 8;
    マージン底:0.2レム;
    テキストの整列

    を返します.
    カラー:C 8 CA 4
    マージン底:3レム;
    テキストの整列

    浮動小数点数
    フロート左
    3 pxグレイソリッド
    マージン:1レム

    \\f 2浮動小数点数"
    フロート左
    ボーダー:3 px立体グレー
    マージン:2レム

    浮動小数点数:
    表示:テーブル;
    クリア:両方

    浮動小数点数:
    表示:テーブル;
    クリア・レフト

    ブロッククォート
    フォントサイズ:1.5レム;
    色:168度dbf 410;
    フォント重量:太字;
    表示:テーブル;

    引用する
    色:20.0.1069 F 4
    マージントップ:2レム
    パディング:2レム

    脇に
    テキストの整列
    フォント重量:イタリック

    フッター
    テキストの整列
    フォントサイズ:0.8レム

    フッタウル{
    マージン: 0
    パディング:3レム
    リストスタイル:なし;
    ボーダートップ:3 pxソリッドグレー

    フッターLi
    表示:インライン

    何が起こったか明確な最後の画像を明確にフロートが動作していない助けが必要です.