He leído un par de artículos tanto en otros foros como en este sobre el tema y he encontrado varias soluciones pero ninguna me funciona (o no las entiendo).
Vamos al lío, tengo un listado que me genera mi sistema con 500 entradas separadas por un <br /> actualmente hago una sustitución y las elimino, pero, me gustaría saber si hay alguna clase o alguna forma de anular el salto de linea del <br /> por CSS para simplificar esta tarea.
Pongo un ejemplo del código:
Código:
Muchas gracias por adelantado. <div class='photo-body' id='photo-body-2562202110482959633'> <div class="content" style="clear: both; text-align: center;"> <a href="VIcm95YwutI.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="VIcm95YwutI.jpg" height="240" width="320" /></a></div> <br /> <div class="content" style="clear: both; text-align: center;"> <a href="VIcnC9LPAmI.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="VIcnC9LPAmI.jpg.jpg" height="240" width="320" /></a></div> <br /> <div class="content" style="clear: both; text-align: center;"> <a href="VIcnA0Sj_NI.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="VIcnA0Sj_NI.jpg" height="240" width="320" /></a></div> <br /> <div class="content" style="clear: both; text-align: center;"> <a href="VIcm95YwutI.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="VIcm95YwutI.jpg" height="240" width="320" /></a></div> <br /> <div class="content" style="clear: both; text-align: center;"> <a href="VIcnC9LPAmI.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="VIcnC9LPAmI.jpg.jpg" height="240" width="320" /></a></div> <br /> <div class="content" style="clear: both; text-align: center;"> <a href="VIcnA0Sj_NI.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="VIcnA0Sj_NI.jpg" height="240" width="320" /></a></div> <br /> </div>