芸術的なイメージの場合はリスト

-8

トップ10のリストを私のウェブサイトの縦に並べて表示すると、私はそうするのが苦労しています。芸術的なイメージの場合はリスト

質問の最後に画像を添付して、私が探しているものを表示しました。

2016-11-21 Khalin Mccabe

画像はありません。また、これはひどく悪い質問です。あなたが何らかの努力をしたことを示すいくつかのコードを提供してください。 – junkfoodjunkie

私は謝罪します。私はHTMLの新人です。私はこのウェブサイトを初めて知りました。私は自分の問題を解決する方法を発見しました。私は自分の質問に取り組むでしょう。 –

これはCSS付きのHTMLです。あなたはthisようにそれを行うことができます。

.listelement{ 
 
    max-width:500px; 
 
    font-family:"helvetica"; 
 
    text-align:left; 
 
    margin:50px auto; 
 
} 
 
h1 span{ 
 
    text-align:left; 
 
    color:orange; 
 
} 
 
.listelement iframe{ 
 
    max-width:500px; 
 
}

<body> 
 
    <div class="listelement"> 
 
    <h1> 
 
    <u><span>#1: </span>Title </u> 
 
    </h1> 
 
    <p> 
 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi molestie mi nec ipsum mollis semper a nec arcu. Vestibulum ut turpis mi. Quisque a pharetra odio, eget pellentesque justo. Nam ultricies nulla at purus ornare efficitur. Fusce molestie, nibh et dapibus auctor, neque orci commodo tellus, dictum elementum urna neque ut enim. Aenean mollis neque odio. Aliquam mollis ante velit, in condimentum magna elementum et. Fusce ut augue venenatis, vehicula mauris in, cursus orci. Integer finibus tellus in lorem vehicula, eget bibendum felis sollicitudin. In feugiat ante quis pulvinar consectetur. Praesent ut malesuada risus. Maecenas interdum aliquam quam, quis sodales nunc. Proin pellentesque nisl sed ipsum dictum rhoncus. Mauris euismod quam sit amet magna ultrices tempor. 
 
    </p> 
 
    <iframe width="560" height="315" src="https://www.youtube.com/embed/KRaWnd3LJfs" frameborder="0" allowfullscreen></iframe> 
 
    </div> 
 
    <div class="listelement"> 
 
    <h1> 
 
    <u><span>#2: </span>Title </u> 
 
    </h1> 
 
    <p> 
 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi molestie mi nec ipsum mollis semper a nec arcu. Vestibulum ut turpis mi. Quisque a pharetra odio, eget pellentesque justo. Nam ultricies nulla at purus ornare efficitur. Fusce molestie, nibh et dapibus auctor, neque orci commodo tellus, dictum elementum urna neque ut enim. Aenean mollis neque odio. Aliquam mollis ante velit, in condimentum magna elementum et. Fusce ut augue venenatis, vehicula mauris in, cursus orci. Integer finibus tellus in lorem vehicula, eget bibendum felis sollicitudin. In feugiat ante quis pulvinar consectetur. Praesent ut malesuada risus. Maecenas interdum aliquam quam, quis sodales nunc. Proin pellentesque nisl sed ipsum dictum rhoncus. Mauris euismod quam sit amet magna ultrices tempor. 
 
    </p> 
 
    <iframe width="560" height="315" src="https://www.youtube.com/embed/KRaWnd3LJfs" frameborder="0" allowfullscreen></iframe> 
 
    </div> 
 
<!-- 
 
Repeat 8 more times 
 
--> 
 
</body>

しかしこれは、基本的なHTMLとCSSであり、あなたがHTMLやCSSを知らないので、あなたがこの質問をしている場合は、学ぶためにこれらのサイトを見てくださいCSSとHTML：

http://www.w3schools.com/

http://html.com/

http://www.echoecho.com/html.htm

出典

2016-11-21 18:29:47 Zoe

本当に助けてくれてありがとう。私もあなたもしましたが、ウェブサイトは素晴らしいです。ありがとうございました –