Tryit Editor - HTML Live Editor

Edit This Code:
<!DOCTYPE html>
<html>
<head>

<style>
.box{
  border:1px solid green;
  width:300px;
  height:145px;
  padding:10px;
  text-align:left;
  margin-bottom:20px; //tanpa word-wrap
}
.box2{
  border:1px solid green;
  width:300px;
  height:145px;
  padding:10px;
  text-align:left;
  margin-bottom:20px;
  word-wrap:break-word; //dengan word-wrap
}
</style>

</head>
<body>

<h1>Dengan dan Tanpa <code>word-wrap</code></h1>
<div class="box">   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjktSZzQb3V1qi2QtgVB4qswpPC6WarMRucvS5h9FjXxamPx_1Y5Hgzfzp3V4C6mr455TfpvW5s0Z9PNqett8gQoxfknHZ8G2r7m6BhIvMvSUES13YLwUEugXp78iaXGsn6cK0tNQ_xihhBlmxVfFk4cCzW-WmRCmuS4VdEcueISYJMdPfsJCKl38qx/s320/idul-fitri.jpg
</div>

<div class="box2">   https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjktSZzQb3V1qi2QtgVB4qswpPC6WarMRucvS5h9FjXxamPx_1Y5Hgzfzp3V4C6mr455TfpvW5s0Z9PNqett8gQoxfknHZ8G2r7m6BhIvMvSUES13YLwUEugXp78iaXGsn6cK0tNQ_xihhBlmxVfFk4cCzW-WmRCmuS4VdEcueISYJMdPfsJCKl38qx/s320/idul-fitri.jpg
</div>
</body>
</html>
Kang Ismet - Tryit Editor
