Problem with css

0

I have the following css code

<style>
p {
    text-align: justify;
    text-justify: inter-word;
}
</style>
But I want it only for this part of the document in html

<p  style="margin-top: 20px; line-height: normal;"><font size=2><strong>Herramientas</strong>: Se realiza entrega de computador port&aacute;til marca <strong>HP</strong> serie <strong>'.$Equipo .'</strong>, con n&uacute;mero de serial<strong>'.$Serial .'</strong>, con las siguientes caracter&iacute;sticas de hardware: procesador Intel core i5 6200u gen 6, memoria ram ddr 3 de 8 gb,disco duro de 500 gb de almacenamiento, pantalla antirreflejo de 15, color de equipo negro se encuentra en un estado de <strong>usado</strong>.</p>

<p  style="margin-top: 20px; line-height: normal;"><font size=2><strong>Servicios:</strong> precargado con los siguiente software&acute;s: Windows 7 profesional, office 2016 home &amp; business, winrar, vlc, Skype, adobe reader, adatec para pc, Firefox, Chrome, plugins de navegaci&oacute;n, configuraciones, impresoras locales de oficinas swisslub, correo corporativo en pc y dispositivo m&oacute;vil, redes wifi y LAN.</p>

<p  style="margin-top: 20px; line-height: normal;"><font size=2>Usted como usuario asume la completa y total responsabilidad en caso de da&ntilde;o, perdida y deterioro del equipo entregado, fuera del deterioro normal con buen uso del equipo. <span style="color: black;">Este</span><span style="color: black; letter-spacing: 0pt;"> equipo es una estaci&oacute;n de trabajo que SWISSLUB S.A.S. est&aacute; poniendo a su disposici&oacute;n para uso dentro de sus oficinas; en caso31 de requerir trasladarlo quedar&aacute; bajo su riesgo y responsabilidad; esto quiere decir que, si el equipo sufre alg&uacute;n da&ntilde;o o perdida, usted deber&aacute; pagar el reemplazo del equipo, inmediatamente. Por lo cual, con su firma, a que los eventos detallados anteriormente, el valor del equipo le sea, descontado de n&oacute;mina o en caso de retiro de su liquidaci&oacute;n definitiva. Asimismo, el costo de reparaci&oacute;n o cambio de elemento da&ntilde;ado o perdido, siempre y cuando este da&ntilde;o no provenga del desgaste natural del equipo.</span></p>

<p style="margin-top: 20px; line-height: normal;"><font size=2> <span style="color: black; letter-spacing: 0pt;">La estaci&oacute;n de trabajo, solo funcionar&aacute; y deber&aacute; funcionar exclusivamente en el desarrollo de las actividades inherentes a su cargo. La informaci&oacute;n que se genere en el desarrollo de sus actividades como funcionario de la compa&ntilde;&iacute;a, estar&aacute;n alojadas en el equipo c&oacute;mputo perteneciente a <strong>SWISSLUB S.A.S.</strong>, prohibi&eacute;ndose su copiado y/o distribuci&oacute;n de las mismas a otros medios de almacenamiento, comunicaci&oacute;n a personas y segregaci&oacute;n de esta informaci&oacute;n; acorde a lo estipulado en la cl&aacute;usula segunda numeral dieciocho de sus obligaciones contractuales suscritas en su contrato de trabajo y reglamento interno de trabajo, articulo 45 numeral 1. De ninguna manera el equipo ser&aacute; utilizado para trabajo personal, almacenamiento de informaci&oacute;n personal y/o desarrollo recreativo; esta rotundamente prohibido la instalaci&oacute;n de software adicional sin autorizaci&oacute;n del Departamento de las TIC &ldquo;tecnolog&iacute;as de la informaci&oacute;n y la comunicaci&oacute;n&rdquo;; acorde a lo estipulado en la cl&aacute;usula segunda numeral diecisiete de sus obligaciones contractuales suscritas en su contrato de trabajo y reglamento interno de trabajo, articulo 45 numeral 9.</span></p>

<p  style="margin-top: 20px; line-height: normal;"><font size=2><span style="color: black; letter-spacing: 0pt;">Adicionalmente est&aacute; prohibido subir o bajar de Internet, m&uacute;sica y otros archivos ajenos al trabajo. Si el equipo muestra da&ntilde;o o mal funcionamiento por causa de archivos mal intencionados, y se encuentra m&uacute;sica o archivos ajenos al trabajo de la compa&ntilde;&iacute;a, los costos por reparaci&oacute;n y mantenimiento reinstalaci&oacute;n del sistema operativo y de los dem&aacute;s programas estar&aacute;n a su cargo.</span></p>

<p style="margin-top: 20px; text-align: justify;"><span style="font-size: 10.0pt;">Observaciones: </span></p>

<table style="border-collapse: collapse; margin-left: 4.8pt; margin-right: 4.8pt;" width="525">
<tbody>
<tr style="height: 6.2pt;">
<td style="width: 119.25pt; border: none; border-bottom: solid windowtext 1.0pt; padding: 0cm 0cm 0cm 0cm; height: 6.2pt;" width="192">
<p style="margin-bottom: .0001pt; line-height: normal;">&nbsp;</p>
</td>
</tr>
<tr style="height: 6.2pt;">
<td style="width: 100.25pt; border: none; border-bottom: solid windowtext 1.0pt; padding: 0cm 0cm 0cm 0cm; height: 6.2pt;" width="192">
<p style="margin-bottom: .0001pt; line-height: normal;">&nbsp;</p>
</td>
</tr>
</tbody>
</table>
</font>

but I put it even on top of the document and I do not know how to square it

    
asked by Kevin Salazar 28.10.2017 в 00:33
source

1 answer

1

When you encounter this style problem you have to start selecting elements either by CLASS or by ID , good practices dictate that when you are going to have an element with a unique name within the site you must use ID but when several elements are going to share in the same name then you must use CLASS

  

It is not well seen that in the same page the same ID is repeated in several elements.

Now to select an element in your css file by its CLASS attribute, just put a period (.) followed by the name you have assigned to that attribute.

p{
    color: black;
}

.parrafo{
    color: chocolate;
    font-weight: bold;
}
<p>Este es un párrafo normal</p>
<p class="parrafo">Este es un párrafo con class</p>
<p>Este es un párrafo normal</p>
<p class="parrafo">Este es un párrafo con class</p>
<p>Este es un párrafo normal</p>
<p class="parrafo">Este es un párrafo con class</p>
<p>Este es un párrafo normal</p>

As you can see in this simple example that I put to you, I used a class to "separate" the styles of some paragraphs with others, which is exactly what you need.

    
answered by 28.10.2017 / 04:10
source