ShapeYourPath
(current)
Run Code
Live Code Editor-Materialize CSS Blockquote
Source Code
<!DOCTYPE html> <html lang="en"> <head> <title>Materialize CSS Blockquote</title> <!--Import Google Icon Font--> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" /> <!--Import materialize.css--> <!-- Compiled and minified CSS --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" /> <!--Let browser know website is optimized for mobile--> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="robots" content="noindex,nofollow"> <style type="text/css"> p { font-size: 18px; } h2 { font-size: 35px; } .custom-padding { height: 80px; } .custom--space { margin-bottom: 50px; } </style> </head> <body> <div class="container"> <h1 class="center-align">Materialize CSS Blockquote</h1> <div class="row"> <div class="col s12 m12 custom--space"> <blockquote> Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla velit tenetur suscipit quis sed, dolores magni nam neque sit odio rerum, pariatur molestias enim! Ipsa nihil inventore eaque reiciendis, quo delectus architecto repudiandae, odio dolorem id, quam beatae! Adipisci libero ipsam illum similique placeat quas, magni dolor at nisi, dolore fugiat culpa quo. Iure repellendus atque saepe quos esse assumenda! </blockquote> </div> </div> </div> <!-- Compiled and minified JavaScript --> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> </body> </html>
Output :
Running
MATERIALIZE-TUTORIAL
MATERIALIZE-CSS-TYPOGRAPHY OTHER EXAMPLES
Materialize Typography Example
Materialize CSS Blockquote Example
Materialize Flow Text Example