Quisiera pasar estas imágenes, a Wordpress de manera que cada Fila de Imágenes o patrocinio tenga definido con CSS un tamaño distinto:
Ejemplo: Fila de Imágenes de Patrocinio 1: width: 300px; height: 225px ;
Ejemplo: Fila de Imágenes de Patrocinio 2: width: 200px; height: 125px ;
Ejemplo: Fila de Imágenes de Patrocinio 3: width: 400px; height: 325px ;
¿Como debo pasar el código html al editor de wordpress, que debo omitir de código posteado, y en que parte debó colocar el código CSS para asignar los tamaños?
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de imágenes</title>
<style type="text/css">
* { text-align: center; }
h1 { font-family: arial; text-align: center;}
p { font-family: arial; text-align: justify; margin: 25px;}
img {width: 300px; height: 225px ; margin: 10px; }
</style>
</head>
<body>
<h1>Album de imágenes de ejemplo</h1>
<p></p>
<p>Patrocinio 1</p>
<img src="http://foroamexcap.com/wp-content/uploads/2017/02/CMIC_Fondo-de-fondos_logo_baja-e1488219473944.jpg" alt="imagen1">
<img src="http://foroamexcap.com/wp-content/uploads/2017/02/LOGO-MV-e1488219523437.jpg" alt="imagen2">
<img src="http://foroamexcap.com/wp-content/uploads/2017/02/Nafin_logo_1-e1488219676293.png" alt="imagen1">
<br>
<p>Patrocinio 2</p>
<img src="http://foroamexcap.com/wp-content/uploads/2017/02/SP-Global.jpg" alt="imagen2">
<img src="http://foroamexcap.com/wp-content/uploads/2017/02/Creel_logo-nuevo.jpg" alt="imagen1">
<img src="http://foroamexcap.com/wp-content/uploads/2017/02/Piedmont-blue.jpg" alt="imagen2">
<br>
<p>Patrocinio 3</p>
<img src="http://foroamexcap.com/wp-content/uploads/2017/02/Asgard.jpg" alt="imagen1">
<img src="http://foroamexcap.com/wp-content/uploads/2017/02/Asgard.jpg" alt="imagen2">
<img src="http://foroamexcap.com/wp-content/uploads/2017/02/FAZENDA-LOGO-2.jpg" alt="imagen1">
<img src="http://foroamexcap.com/wp-content/uploads/2017/02/Grupo-IGS_logo.jpg" alt="imagen1">
<br>
</body>
</html>