Browse title letters with CSS

Question

Browse title letters with CSS

Navigation

#1 by (0 votes)

1

I'm doing some school practices and a title of a paragraph I could not go through so it comes out centered.

   <article>
       <p class="categoriaDesa">Desayunos</p>
         <div class="platillo">
           <p class="nombre"> Moyetes Clasicos</p>
           <p class="precio">$58.00</p>
           <p class="descripcion"> Tradicionales molletes; bolillo con mantequilla, frijoles refritos y queso manchego o si lo prefiere puede agregar ingrediente extra de su elección.</p>
        </div>


         </article>





.main .menu .categoriaDesa{

background: rgba(03,03,03,.45);
padding-right: 920px;

color: white;
font-size: 30px;
font-weight: 100px;
margin-bottom: 40px ;  /*inicio del margen inferior */ 
text-align: justify;


}

.main .menu .categoriaDesa{
background: rgba(03,03,03,.45);
color: white;
font-size: 30px;
font-weight: 100px;
margin-bottom: 40px ;  /*inicio del margen inferior */ 
padding-right: 920px;

}

article > .categoriaDesa{
text-align: center;
}

html css

asked by Packvt 19.09.2017 в 18:03

source

1 answer

How to print on a separate check from the printer? Relate tables with laravel

score 0 · Answer 1

To center p it is advisable to start the selector from div that contains it, since to focus directly on p apparently does not show any change.

.main .menu .categoriaDesa{
    background: rgba(03,03,03,.45);
    color: white;
    font-size: 30px;
    font-weight: 100px;
    margin-bottom: 40px ;  /*inicio del margen inferior */ 
    padding-right: 920px;
    text-align: justify;
}

article > .categoriaDesa{
text-align: center;
}

<article>
           <p class="categoriaDesa">Desayunos</p>
             <div class="platillo">
               <p class="nombre"> Moyetes Clasicos</p>
               <p class="precio">$58.00</p>
               <p class="descripcion"> Tradicionales molletes; bolillo con mantequilla, frijoles refritos y queso manchego o si lo prefiere puede agregar ingrediente extra de su elección.</p>
            </div>
            <div class="platillo">
               <p class="nombre"> Moyetes Clasicos</p>
               <p class="precio">$58.00</p>
               <p class="descripcion"> Tradicionales molletes; bolillo con mantequilla, frijoles refritos y queso manchego o si lo prefiere puede agregar ingrediente extra de su elección.</p>
            </div>
            <div class="platillo">
               <p class="nombre"> Moyetes Clasicos</p>
               <p class="precio">$58.00</p>
               <p class="descripcion"> Tradicionales molletes; bolillo con mantequilla, frijoles refritos y queso manchego o si lo prefiere puede agregar ingrediente extra de su elección.</p>
            </div>
          
             </article>