Align text using CSS to the right of an image - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Image Text Alignment

Description

Align text using CSS to the right of an image

Demo Code

ResultView the demo in separate window

<html lang="en">
 <head> 
  <title>  Nagasai</title> 
 </head> <!--from   w w w.j  ava2 s . c om-->
 <body translate="no"> 
  <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> 
  <div class="w3-container" style="padding:128px 16px" id="about"> 
   <h1 class="w3-center w3-knallpink"> <b>#about</b> </h1> 
   <div class="w3-row"> 
    <div class="w3-container w3-center w3-third"> 
     <img src="https://www.java2s.com/style/demo/Safari.png" alt="Bikini Bottom" style="width:100%;max-width:360px; margin-left: auto;
    margin-right: auto; border-radius: 3px;margin-top:15px"> 
    </div> 
    <div class="w3-container w3-twothird"> 
     <p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> 
     <p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p> 
     <p>BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</p> 
     <p> </p> 
    </div> 
   </div> 
  </div>  
 </body>
</html>

Related Tutorials