26784 sujets

CSS et mise en forme, CSS3

Bonjour, voila j'ai un projet d'html a réaliser dans mes études.
je voudrais mettre en haut de ma page une images fixe en haut a gauche et un texte (ici un titre) centre verticalement avec l'image mais horizontalement avec ma page (si pas possible pas grave). J'ai essayé avec float + vertical-align avant de me rendre compte que les 2 ne sont pas compatible. Maintenant j'ai presque reussi grace une reponse sur un forum mais l'image est a droite et je n'arrive pas a changer sa position. MErci de bien vouloir m'aider. Smiley cligne
code html :
 
<section class="block">  
  <div class="textes">
    <p>Ici, pas de question bête</p>   
  </div>
  <img src="Images/questions.png" />
</section>

code css :

.block {
    display:flex;
  }
.textes,.block img {
    margin:auto;
    padding:5px;
  }
.block img {
    order:1;
    width:500px;
    height:250px;
  }
Merci beaucoup pour vos réponses j'ai compris mes erreurs et je sais comment faire maintenant. Merci beaucoup a vous