- Navigate to chapter3/start/app/recipe7.ejs and add the following code to the currently empty file:
<div class="container mt-5"> <h1>Chapter 3, Recipe 7:</h1> <p class="lead mb-5">Wrap Text Around Rounded Images</p> <h1 class="h2 mb-4">Some Heading</h1>
- Follow this up by adding a <div> tag that wraps the <img> and <p> tags inside:
<div class="wrap-text-around clearfix"> <img src="http://placehold.it/250x250" alt="" class="img-fluid rounded-circle float-right circle-placed-right"> <p class="float-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora facilis vero iusto quis ut pariatur dicta voluptas cupiditate, fuga ullam adipisci assumenda architecto voluptatem, at magni repellat dolorem reiciendis ...