Как я полагаю, использовать <DIV>при создании границы справа - PullRequest
Новая
       11

Как я полагаю, использовать <DIV>при создании границы справа

0 голосов
/ 26 января 2020

Я учусь HTML онлайн через мой колледж, и это тяжело.

"В этом задании вы создадите документ HTML, который включает в себя элемент div для демонстрации вашего любимого mov ie. Вы включите заголовок mov ie, год, в котором было mov ie Освобождено, главная звезда или звезды и имя их персонажа. Элемент div будет отображаться в правой части страницы. Ниже приведен пример того, как должен выглядеть ваш html.

enter image description here

это мой код до сих пор. Мне нужно некоторое руководство о том, кто должен выполнить sh смещение текста с рамкой вправо без CSS

<div align="right" style="border: 1px solid black" hj>
  <h1><span>Inception</span></h1>
  <h2><span> Release year: 2010 </span></h2>
  <h3><span> Leonardo DiCaprio as Dom Cobb </span></h3>
</div>

<h2> My Three Favorite musical acts are: </h2>

<ul>
  <li>Korn</li>
  <li>Bring Me the Horizon </li>
  <li> Linkin Park </li>
</ul>

<h2> My Three Favorite Foods are: </h2>

<ol type="i">
  <li>Pizza</li>
  <li>Ceviche</li>
  <li>Burger</li>
</ol>

<h2> My dream Vacation is: </h2>
<p> Europe </p>
<dl> My dream vacation would be to visit europe and it's major cities. Paria, London, Berlin just to name a few. </dl>

Ответы [ 2 ]

0 голосов
/ 26 января 2020


Кажется, работает так. Я также улучшил ваш элемент <dl>, который был написан неправильно, добавив теги <dt> и <dd> внутри.

Cheers 

<!DOCTYPE html>
<html>

<head>
    <title>Page title</title>
</head>

<body>
    <div style="border: 1px solid black;float:right;width:300px;padding:10px;">
        <h1><span>Inception</span></h1>
        <h2><span> Release year: 2010 </span></h2>
        <h3><span> Leonardo DiCaprio as Dom Cobb </span></h3>
    </div>

    <div style="float:left;margin-left: 10px;">
        <h2> My Three Favorite musical acts are: </h2>

        <ul>
            <li>Korn</li>
            <li>Bring Me the Horizon </li>
            <li> Linkin Park </li>
        </ul>

        <h2> My Three Favorite Foods are: </h2>

        <ol type="i">
            <li>Pizza</li>
            <li>Ceviche</li>
            <li>Burger</li>
        </ol>
        <h2> My dream Vacation is: </h2>
        <dl>
            <dt>Europe</dt>
            <dd>My dream vacation would be to visit europe and it's major cities. Paria, London, Berlin just to name a few.</dd>
        </dl>
    </div>

</body>

</html>
0 голосов
/ 26 января 2020

попробуйте это: 

<div align="right" style="border: 1px solid black;float:right;width:300px" hj>
  <h1><span>Inception</span></h1>
  <h2><span> Release year: 2010 </span></h2>
  <h3><span> Leonardo DiCaprio as Dom Cobb </span></h3>
</div>

<div style=" float:left;">
    <h2> My Three Favorite musical acts are: </h2>

    <ul>
      <li>Korn</li>
      <li>Bring Me the Horizon </li>
      <li> Linkin Park </li>
    </ul>

    <h2> My Three Favorite Foods are: </h2>

    <ol type="i">
      <li>Pizza</li>
      <li>Ceviche</li>
      <li>Burger</li>
    </ol>
</div>
<h2> My dream Vacation is: </h2>
<p> Europe </p>
<dl> My dream vacation would be to visit europe and it's major cities. Paria, London, 
 Berlin just to name a few. </dl>
...