0
ページのテキストを画像の横に表示するのに問題がありますが、画像の下に表示し続けるだけです。私はどこが間違っているのか分かりません。私はそれが私のコンピュータのそれ以来、イメージを読み込むことができないだろうが、それはヨガの扉と言われている場所にあり、私はそれのすぐ隣でテキストを開始する必要があることを知っています。何かが役に立つでしょう。私は私のページがどのように見えるべきかのスクリーンショットを含むでしょう。HTML5テキストの配置
header, nav, main, footer { display: block; }
* { box-sizing: border-box; }
body \t { background-color: #3f2860;
\t color: #3f2860;
font-family: Veranda, Arial, sans-serif; }
header { background-color: #9bc1c2;
background-image: url(lilyheader.jpg);
background-position: right;
background-repeat: no-repeat;
height: 150px; }
h1 \t { padding-top: 50px;
padding-left: 2em; }
nav \t { font-weight: bold;
\t float: left;
width: 160px;
\t padding: 1em; }
nav a \t { text-decoration: none;
font-weight: bold;
padding: 1em;
display: block;
text-align: center;
border: 3px outset #CCCCCC;
margin-botton: 1em;}
nav a:link { color: #497777; }
nav a:visited { color: #497777; }
nav a:hover { color: #A26100;
border: 3px inset #333333; }
nav ul { list-style-type: none;
padding-left: 0; }
main { padding-right: 2em;
margin-left: 170px;
padding-top: 1em;
display: block; }
floatleft { float: left;
margin-right: 4em; }
.studio { font-style: italic; }
.company{ font-style: italic; }
footer \t { background-color: #9bc1c2;
\t font-size: .60em;
\t font-style: italic;
\t text-align: center;
padding: 1em; }
clear { clear: both; }
#wrapper { background-color: #f5f5f5;
min-width: 1200px;
max-width: 1480px;
width: 80%;
margin-right: auto;
margin-left: auto; }<!DOCTYPE html>
<html lang="en">
<head>
<title>Path of Light Yoga Studio</title>
<meta charset="utf-8">
<link rel="stylesheet" href="yoga.css">
<!-- [if it IE 9]>
<script src="html5shiv.js>
</script>
<![endif]-->
</head>
<body>
<div id="wrapper">
<header>
<h1>Path of Light Yoga Studio</h1>
</header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="classes.html">Classes</a></li>
<li><a href="schedule.html">Schedule</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<main>
<img class="floatleft" src="yogadoor.jpg" alt="yoga door" width="225" height="300">
<h2>Find Your Inner Light</h2>
<p><span class="company">Path of Light Yoga Studio</span> provides all levels of yoga practice
in a tranquil, peaceful environment. Whether you are new to
yoga or an experienced practitioner, our dedicated instructions
can develop a practice to meet your needs. Let your inner light
shine at the <span class="company">Path Of Light Yoga Studio</span>.
</p>
<ul>
<li>Hatha, Vinyasa, and Restorative Yoga classes</li>
<li>Drop-ins welcome</li>
<li>Mats, blocks, and blankets provided</li>
<li>Relax in our Serenity Lounge before or after your class</li>
</ul>
<div>
<span class="company">Path of Light Yoga Studio</span><br>
612 Serenity Way<br>
El Dorado, CA 96162<br><br>
888-555-5555<br><br>
</div>
</main>
<footer>
Copyright © 2016 Path of Light Yoga<br>
<a href="mailto:[email protected]">[email protected]</a><br><br>
</footer>
</div>
</body>
</html>
私は私の側にこれをテストし、この得た：私の夫は文字通り私のことを話した http://prntscr.com/h816x6 – Aureus
を。少しの期間は何ができるかクレイジー。どうもありがとうございました！！ – brittmoe09
問題ありません！あなた自身のCSSを作ることは偉大な仕事ですが、多くの開発者はそれをしません。 =） – Aureus