HTML CSS examples for CSS Widget:Image Text Alignment
Align text using CSS to the right of an image
<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>