Как мне заставить обертку работать на CSS для моей веб-страницы? - PullRequest
Новая
       7

Как мне заставить обертку работать на CSS для моей веб-страницы?

0 голосов
/ 19 февраля 2019

Я пытаюсь подключить оболочку к моему css, но я понятия не имею, что я делаю неправильно ... вот HTML-страница индекса: 

<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>
    <div id="main">
<img src="http://marielaguereca.info/1510/yoga/yogadoor.jpg" alt="Yoga Door" height="300" width="225" class="floatleft">
<h2>Find Your Inner Light</h2>
    <p> <span class="studio">Path of Life Yoga Studio</span> provides  all levels of yoga pratice in a tranquil, peaceful environment. Whether you are new to yoga or an experienced practitioner, our dedicated instructors can develop a practice to meet your needs. Let your inner light shine at the <span class="studio">Path of Light Yoga Studio.</span></p>

            <ul>
            <li>Hatha, Vinyasa, and Resorative 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 class="clear"><span class="studio">Path of Light Yoga Studio</span>
        <br>612 Serenity Way
        <br>El Dorado, CA 96162
        <br>&nbsp;
        <br>888-555-5555</div>
        <br>

        <footer>
        Copyright &copy; 2019 Path of Light Yoga Studio
        <br><a href="mailto:mariela@guereca.com">mariela@guereca.com</a>
        </footer>
    </div> <!---Main end --->
</div> <!---Wrapper end --->

1 Ответ

0 голосов
/ 19 февраля 2019

Попробуйте это - 

#wrapper {background-color: #F5F5F5;max-width: 1200px;width:100%;margin:0 auto;}

Измените max-width на то, что вам нужно.Надеюсь, это поможет!

...