Πλαίσιο με κεφαλίδα

 

11111111111

22222222222222222222222

333333333333333333333

4444444444444444

55555555555555555555

6666666666666666666666666666666666

7777777777777777777777777777777

8888888888888888888888888888888

................................

<p>&nbsp;</p><div class="panel-heading" style="background-color: #3498db; border-bottom: 1px solid rgb(52, 152, 219); border-left-color: rgb(52, 152, 219); border-right-color: rgb(52, 152, 219); border-top-color: rgb(52, 152, 219); border-top-left-radius: 3px; border-top-right-radius: 3px; box-sizing: border-box; color: white; font-family: Karla, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 15px; padding: 10px 15px;"><h3 class="panel-title" style="box-sizing: border-box; color: inherit; font-size: 17px; font-weight: 400; line-height: 1.1; margin-bottom: 0px; margin-top: 0px;"><span aria-hidden="true" class="glyphicon glyphicon-question-sign" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: &quot;Glyphicons Halflings&quot;; line-height: 1; position: relative; top: 1px;"></span>11111111111</h3></div><div class="panel-body" style="box-sizing: border-box; color: #2c3e50; font-family: Karla, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 15px; padding: 15px;"><div class="panel-group" id="accordion" style="box-sizing: border-box; margin-bottom: 21px;"><div class="panel panel-default" style="background-color: white; border-radius: 4px; border: 1px solid rgb(236, 240, 241); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; box-sizing: border-box; margin-bottom: 0px;"><div class="panel-heading" style="background-color: #ecf0f1; border-bottom: 0px rgb(236, 240, 241); border-left-color: rgb(236, 240, 241); border-right-color: rgb(236, 240, 241); border-top-color: rgb(236, 240, 241); border-top-left-radius: 3px; border-top-right-radius: 3px; box-sizing: border-box; padding: 10px 15px;"><h4 class="panel-title" style="box-sizing: border-box; color: inherit; font-size: 17px; font-weight: 400; line-height: 1.1; margin-bottom: 0px; margin-top: 0px;"><span style="background-color: transparent; box-sizing: border-box; font-weight: 700; text-decoration-line: none;">22222222222222222222222</span></h4></div></div><div class="panel panel-default" style="background-color: white; border-radius: 4px; border: 1px solid rgb(236, 240, 241); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; box-sizing: border-box; margin-bottom: 0px; margin-top: 5px;"><div class="panel-heading" style="background-color: #ecf0f1; border-bottom: 0px rgb(236, 240, 241); border-left-color: rgb(236, 240, 241); border-right-color: rgb(236, 240, 241); border-top-color: rgb(236, 240, 241); border-top-left-radius: 3px; border-top-right-radius: 3px; box-sizing: border-box; padding: 10px 15px;"><h4 class="panel-title" style="box-sizing: border-box; color: inherit; font-size: 17px; font-weight: 400; line-height: 1.1; margin-bottom: 0px; margin-top: 0px;"><span style="background-color: transparent; box-sizing: border-box; font-weight: 700; text-decoration-line: none;">333333333333333333333</span></h4></div></div><div class="panel panel-default" style="background-color: white; border-radius: 4px; border: 1px solid rgb(236, 240, 241); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; box-sizing: border-box; margin-bottom: 0px; margin-top: 5px;"><div class="panel-heading" style="background-color: #ecf0f1; border-bottom: 0px rgb(236, 240, 241); border-left-color: rgb(236, 240, 241); border-right-color: rgb(236, 240, 241); border-top-color: rgb(236, 240, 241); border-top-left-radius: 3px; border-top-right-radius: 3px; box-sizing: border-box; padding: 10px 15px;"><h4 class="panel-title" style="box-sizing: border-box; color: inherit; font-size: 17px; font-weight: 400; line-height: 1.1; margin-bottom: 0px; margin-top: 0px;">4444444444444444</h4></div></div><div class="panel panel-default" style="background-color: white; border-radius: 4px; border: 1px solid rgb(236, 240, 241); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; box-sizing: border-box; margin-bottom: 0px; margin-top: 5px;"><div class="panel-heading" style="background-color: #ecf0f1; border-bottom: 0px rgb(236, 240, 241); border-left-color: rgb(236, 240, 241); border-right-color: rgb(236, 240, 241); border-top-color: rgb(236, 240, 241); border-top-left-radius: 3px; border-top-right-radius: 3px; box-sizing: border-box; padding: 10px 15px;"><h4 class="panel-title" style="box-sizing: border-box; color: inherit; font-size: 17px; font-weight: 400; line-height: 1.1; margin-bottom: 0px; margin-top: 0px;"><span style="background-color: transparent; box-sizing: border-box; font-weight: 700; text-decoration-line: none;">55555555555555555555</span></h4></div></div><div class="panel panel-default" style="background-color: white; border-radius: 4px; border: 1px solid rgb(236, 240, 241); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; box-sizing: border-box; margin-bottom: 0px; margin-top: 5px;"><div class="panel-heading" style="background-color: #ecf0f1; border-bottom: 0px rgb(236, 240, 241); border-left-color: rgb(236, 240, 241); border-right-color: rgb(236, 240, 241); border-top-color: rgb(236, 240, 241); border-top-left-radius: 3px; border-top-right-radius: 3px; box-sizing: border-box; padding: 10px 15px;"><h4 class="panel-title" style="box-sizing: border-box; color: inherit; font-size: 17px; font-weight: 400; line-height: 1.1; margin-bottom: 0px; margin-top: 0px;"><span style="background-color: transparent; box-sizing: border-box; font-weight: 700; text-decoration-line: none;">6666666666666666666666666666666666</span></h4></div></div><div class="panel panel-default" style="background-color: white; border-radius: 4px; border: 1px solid rgb(236, 240, 241); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; box-sizing: border-box; margin-bottom: 0px; margin-top: 5px;"><div class="panel-heading" style="background-color: #ecf0f1; border-bottom: 0px rgb(236, 240, 241); border-left-color: rgb(236, 240, 241); border-right-color: rgb(236, 240, 241); border-top-color: rgb(236, 240, 241); border-top-left-radius: 3px; border-top-right-radius: 3px; box-sizing: border-box; padding: 10px 15px;"><h4 class="panel-title" style="box-sizing: border-box; color: inherit; font-size: 17px; font-weight: 400; line-height: 1.1; margin-bottom: 0px; margin-top: 0px;"><span style="background-color: transparent; box-sizing: border-box; font-weight: 700; text-decoration-line: none;">7777777777777777777777777777777</span></h4></div></div><div class="panel panel-default" style="background-color: white; border-radius: 4px; border: 1px solid rgb(236, 240, 241); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; box-sizing: border-box; margin-bottom: 0px; margin-top: 5px;"><div class="panel-heading" style="background-color: #ecf0f1; border-bottom: 0px rgb(236, 240, 241); border-left-color: rgb(236, 240, 241); border-right-color: rgb(236, 240, 241); border-top-color: rgb(236, 240, 241); border-top-left-radius: 3px; border-top-right-radius: 3px; box-sizing: border-box; padding: 10px 15px;"><h4 class="panel-title" style="box-sizing: border-box; color: inherit; font-size: 17px; font-weight: 400; line-height: 1.1; margin-bottom: 0px; margin-top: 0px;"><span style="background-color: transparent; box-sizing: border-box; font-weight: 700; text-decoration-line: none;">8888888888888888888888888888888</span></h4></div></div></div></div>