Vamos La, Estava fazendo meu site e cheguei no rodape e estou com uma grande duvida uma imensa duvida 
 
Eu quero que este texto do rodape fica no meio e um texto grande mas nao consigo editar o css que raivaaaa

alguem poderia me ajudar?

O CODIGO EM HTML:
 
<footer class="py-5 bg-dark"> <div class="container">   <p class="m-0 text-center text-white">2015 - 2018 © Todos direitos reservados.<br>Desenvolvido por <b>Arthur Barreto</b> | Hospedado por <b><a target="_blank" href="https://www.reishosting.com.br/minecraft" class="text-white">ReisHost</a></b></p>     </div> </footer>

O codigo em css
  .py-5 { padding-top: 3rem!important; padding-bottom: 3rem!important; } .bg-dark { background-color: #343a40!important; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } *, ::after, ::before { box-sizing: inherit; } user agent stylesheet footer { display: block; } Style Attribute { visibility: visible; } body { margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; } html { box-sizing: border-box; font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } user agent stylesheet html { color: -internal-root-color; } *, ::after, ::before { box-sizing: inherit; } *, ::after, ::before { box-sizing: inherit; }
ALGUEM ME AJUDA PFV

Bom dia galera, tenho uma lista de imagem e ao selecionar uma imagem no site ela é aberta dentro de uma div, porém fica um espaço como mostrado na imagem, gostaria de saber como resolver isso, atualmente meu html e meu css estão assim: 
    <ul>                     
                        <div style="width: auto">
                        </div>
                        <li><img width="70" src="images/J1.PNg" no repeat; onclick="clickImagem(this.src)" alt="" />Pulseira Teste
                        <H6> Pulseira Teste.</H6></li>
                        <li><img width="70" src="images/J3.PNg" onclick="clickImagem(this.src)" alt="" />Pulseira Teste
                        <H6> Pulseira Teste.</H6></li>
                        <li><img width="70" src="images/J2.PNg" onclick="clickImagem(this.src)" alt="" />Pulseira Teste
                        <H6> Pulseira Teste.</H6></li>
                        <li><img width="70" src="images/J3.PNg" onclick="clickImagem(this.src)" alt="" />Pulseira Teste
                        <H6> Pulseira Teste.</H6></li>
                        <li><img width="70" src="images/J2.PNg" onclick="clickImagem(this.src)" alt="" />Pulseira Teste
                        <H6> Pulseira Teste.</H6></li>
                        <li><img width="70" src="images/J1.PNg" onclick="clickImagem(this.src)" alt="" />Pulseira Teste
                        <H6> Pulseira Teste.</H6></li>
                        <li><img width="70" src="images/J2.PNg" onclick="clickImagem(this.src)" alt="" />Pulseira Teste
                        <H6> Pulseira Teste.</H6></li>
                        <li><img width="70" src="images/J3.pNg" onclick="clickImagem(this.src)" alt=""/>Pulseira Teste
                        <H6> Pulseira Teste.</H6></li>
                    </ul>                    
                </form>
            </div>
            <div class="conteudo" id="conteudo" ondrop="drop(event)" ondragover="allowDrop(event)" style="background:#fff">
 
E CSS:
#conteudo{
    width:55%;
    height:60%;
    float:left;
    background-color:#fff;    
    display: initial;
    margin: auto;
    z-index: 1;
    overflow: hidden;
    .columns {
    }

Olá usei os parâmetros, padding e display para separar elementos na minha pagina, o problema é que em devices apple estes parâmetros não funcionam, e no android eles funcionam exatamente como deveriam.
 
 
 
</section>
      
        <div style="display:block; padding: 10px;">
        
           <p><font color="#d7d7d7">Texto que fica entre as section</font></p>
       
        </div>
<section> 

Bom dia
Comprei o livro Construindo sites com CSS e (X)HTML, e ao tentar acessar www.livrocss.com.br sai a mensagem que não é possível acessar o site, afim de verificar as técnicas na construção.... Gostaria de saber se o site não está mais disponível ou se mudou de endereço.
Obrigado
Luiz Carlos