Necesito poner la imagen a la derecha, pero por más que le ponga que se mueva hacia ahí, se queda donde está.
He probado con text-align: right
en el css, con align="right"
dentro de la etiqueta img
, align-items: right
en el css, y es que no hace nada.
Ya no sé qué más probar
* {
padding:0;
margin:0;
}
body {
color: #FF0000;
font: 14px Sans-Serif;
padding: 50px;
background: #eee;
}
h1 {
text-align: center;
padding: 20px 0 12px 0;
margin: 0;
font-weight: strong;
}
p {
text-align: center;
padding: 20px 0 12px 0;
margin: 0;
font-weight: strong;
font-size: 17px;
}
.imagenICO {
width: 150px;
height: 150px;
position: absolute;
text-align: right;
}
#container {
box-shadow: 0 5px 10px -5px rgba(0,0,0,0.5);
position: relative;
background: white;
}
table {
background-color: #FFFFFF;
border-collapse: collapse;
width: 100%;
margin: 15px 0;
}
th {
background-color: #FF0000 ;
color: #FFF;
cursor: pointer;
padding: 5px 10px;
}
th small {
font-size: 9px;
color: black;
}
td, th {
text-align: left;
}
<html>
<head>
</head>
<body>
<div id="container">
<img src="https://www.stickpng.com/assets/images/580b57fbd9996e24bc43bb8f.png" class="imagenICO">
<h1>Titulo</h1>
<p>Hola</p>
<p>Hola</p>
<table class="sortable">
<thead>
<tr>
<th>Nombre Fichero</th>
<th>Tipo</th>
<th>Tamaño</th>
<th>Fecha de modificación</th>
</tr>
</thead>
</table>
</body>
float: right
, pero tienes un posicionamiento absoluto que la va a fijar a 150x150. Con eso se va a mantener ahí fija independientemente del resto de código, a no ser que lo sustituyas