sudhakarinfotech
(current)
Run Code
Live Code Editor- Semantic Ui Vertical Divider
Source Code
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name='description' content=''> <title>Semantic Ui Vertical Divider</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.9/semantic.min.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.9/semantic.min.js"></script> <style type="text/css"> h1.custom--spacer { margin-top: 50px; } </style> </head> <body> <h1 class="ui center aligned container custom--spacer"> Semantic Ui: <strong>Vertical Divider</strong> </h1> <div class="ui segment"> <div class="ui two column very relaxed grid"> <div class="column"> <h2>Front-end Development</h2> <p>Sudhakarinfotech provides front-end development resources for professionals.</p> </div> <div class="column"> <h2>Back-end Development</h2> <p>Sudhakarinfotech provides back-end development tutorial for professionals.</p> </div> </div> <div class="ui vertical divider"> and </div> </div> </body> </html>
Source Code Output :
Running